티스토리

여씨의 개발이야기

검색하기

블로그 홈

여씨의 개발이야기

yeoossi.tistory.com/m

안녕하세요 여씨입니다 ㅋ

구독자: 1

방명록 방문하기

주요 글 목록

[오블챌] 24.11.16 오늘의 일지 다 울엇니 이제 할 일을 하자 어제 연시님한테 고개 팍 숙이고 펑펑 울었다 이제 할 일을 하러 가야지 우리는 광화문으로 가는 길에 보이던 낙엽길 사부작 콰사삭 음 맛있다 가는 길에 "은행잎아 내 머리 위에 하나만 떨궈주라"외치고나서 마법같은 순간이 일어나버림 진짜 내 머리 위에 앉았어!!! 가는 길에2 우중충한 오늘 곧 들릴 비소식에 너희들 다 떨어지겠구나 싶어서 마지막으로 사진 한 장 남겨보자 도착... 가을 참 좋아용 집회 기다리면서 연시님이 마마스에서 맛있는 한 끼를 사주었다 오랜만에 먹는 감자스프에 몸이 사르르 녹아버렸다 트렌드의 민감한 연합이래요 요즘 유행이 이거긴 함 #윤석열퇴진 #김건희특검 이제 다시 일어서야 할 때! 공감수 1 댓글수 9 2024. 11. 16.
[오블챌] 24.11.15 나라가 쳐 망하게 생겼는데 블챌이 무슨 말이냐 민주주의 다 뒤졌다 심증으로만 판결내는 사법부가 말이되냐 나가서 싸우자 11.16 토요일 광화문에서 만나요 공감수 1 댓글수 1 2024. 11. 15.
[오블챌] 24.11.14 오늘의 일지 안녕하세요 고구마맛탕 짱구를 먹고 사랑하는 사람과 떨어진 낙엽을 콰사삭 콰사삭 밟으며 산책하는 것 그게 행복이지요 공감수 1 댓글수 2 2024. 11. 14.
[오블챌] 24.11.13 오늘의 일지 안녕하세요 여동글입니다.🙂 별안간 , , , 손에 나는 땀이 스트레스 받아 드디어 출동합니다 약국으로 예 저 다한증 있습니다 지도에서 약국찍고 가봤더니 익숙한 곳..5층약국 나 면접보러 갈 때 우황청심환 샀던 곳 약사님이 나 힘내라고 젤리까지 챙겨주셔서 기억에 남음🥹 드리클로 드디어써보내요... 학창시절에 칭구가 강추함 오늘 점심 파견가기전 동동주 한 잔 오늘도 날씨 참 좋았다~ 공감수 4 댓글수 4 2024. 11. 13.
[오블챌] 24.11.12 오늘의 개발 일지 [✨What I Learnt]Case리엑트... react... 왜 사용하냐하면말문이 턱 막힘머락오 머락오 말해야하지...?What I Learnt쌩JS를 사용해서 UI를 수정하려면HTML을 직접 건들여야 함React의 State를 이용하면상태값에 따라 UI를 수정할 수 있음또...추가적으로 정리할 예정일단 오늘까지 아래와 같이 마인드맵을 정리하였다. 공감수 2 댓글수 2 2024. 11. 12.
[오블챌] 24.11.11 오늘의 개발 일지 [✨What I Learnt]Case1머릿속이 항상 정리가 안 되는 느낌강좌를 들어도 정리가 잘 안 됨메모장에 끄적이는데는 한계가 있음What I Learnt마인드맵을 사용해보기로 함유명한 이드로우마인드(EdrawMind)무료 소프트웨어(제한적인 기능 사용 가능)이며 퀄리티도 나쁘지않아보임탬플릿도 다양해 일단 사용해보는걸로Case2이사님이 시키신 업무가 있어 엑셀 작업을 잠시 하게됨엑셀에 정리한 자료를 코드화해야하는데 그냥 노가다로 복붙하기 너무 싫었음그럴 땐 엑셀 두고 뭐하냐 concat을 이용하면 되지근데 concat을 혼자 작업하기엔 너무 오류가 날 확률이 높음(코드 줄이 길어지니까)이럴 때 사용하는구나 싶어서 바로 챗 GPT에게 달려감What I Learnt기깔나게 정리해줬다...=CONCAT( .. 공감수 2 댓글수 1 2024. 11. 11.
[오블챌] 24.11.10 오늘의 일지 오늘은 연시님 마중나갔다가,,, 청소를 하다보니 시간이 뚝 딱일요일엔 내가 청소꾼 어이없다.. . 이게맛나 싶으면서도 뚝딱뚝딱원래 화장실 청소만 할랬는데 하다보니 대청소이럴 때 보면 엄마닮음물론 청소 퀄은 엄마만큼 못 따라감ㅋ광공 냉장고처럼 되고싶었지만 보태보태병에 걸린 나는 그게 안된다내요 엄마가싸준 김밥두 먹음 히히오늘의 일정 끝. 공감수 1 댓글수 1 2024. 11. 10.
[오블챌] 24.11.09 오늘의 일지 안녕하세요ㅡ.. 오늘은 개발일지가 따로 없습니다,,ㅋ 이렇게 아름다운 장태산에 다녀왔기 때문이죠,, 주기적으로 여행해주면 좋지요, ㅋ 유명한 포토존도 다녀왔구요, 알밤시루도 사서 야무지게 먹어줬답니다,, 주말에 갔는데도 웨이팅 나름 할만했습니다 그럼 이만,,, 다음엔 꼭 개발일지로 찾아뵙겠습니다 공감수 3 댓글수 3 2024. 11. 9.
[오블챌] 24.11.08 오늘의 개발일지 [✨What I Learnt]Casetypescript 강의를 듣던 도중 오랜만에 접한 react와 상태관리.정말 새까맣게 잊어버려 기억이 하나도 안 났다. What I Learnt상태관리란?프론트엔드에서 상태관리는 애플리케이션의 다양한 데이터 상태를 추적하고, 이를 관리하여 UI의 일관성과 사용자 경험을 유지하는 중요한 역할을 한다. 상태(State)는 컴포넌트나 애플리케이션의 현재 상태를 나타내며, 예를 들어 사용자가 로그인했는지, 특정 목록에 선택된 항목이 무엇인지, 페이지에 표시할 데이터가 무엇인지 등을 포함한다.프론트엔드 애플리케이션은 사용자와의 상호작용을 통해 지속적으로 상태가 변경된다. 이를 관리하려면 다양한 도구가 필요하다. 기본적으로 React의 useState와 useReducer, R.. 공감수 1 댓글수 2 2024. 11. 8.
[React] 리액트 프로젝트 생성시 오류 : name can no longer contain capital letters 📢 이 버그 좀 보세요!🐞 버그가 나타난 이유?name can no longer contain capital letters 해석 그대로,,, 리액트 프로젝트에는 대문자가 들어갈 수 없다고 한다. 🕸 어떻게 이 버그를 잡을까?프로젝트명을 소문자로 변경해주었더니 프로젝트가 생성이 잘 된다. 공감수 2 댓글수 1 2024. 11. 8.
[Typescript] 꼭 알아야 하는 내용 * 파라미터변수? :타입 = 파라미터변수 :타입 | undefined * 타입이 하나로 확정되지 않았을 경우? - Type Narrowing을 해줘야 함(if, else로 type of 체크) - 또는 assertion문법(타입덮어쓰기) * Literal types : 변수에 뭐가 들어올 지 더 엄격하게 관리 가능하며 자동완성 힌트도 줌. const의 업그레이드 느낌 * object 자료를 완전히 잠궈놓기 위해서는 as const * 함수에 타입 지정 가능type NumOut = (x : number, y : number ) => number let ABC :NumOut = function(x,y){ return x + y} 공감수 1 댓글수 0 2024. 11. 8.
[오블챌] 24.11.07 오늘의 개발일지 티스토리도 드디어 블로그 챌린지를!최근에 본 유투버 드림코딩님의 영상을 인상깊게 보게 되었는데 마침 티스토리가 블챌을 시작한다고 하여!(참고로 영상은 요거입니다! https://www.youtube.com/watch?v=T7y6Hl0YZ14&t=301s )이렇게 맞물린 좋은 기회를 갖고 개발일지를 써보고자 한다 😊아직도 우왕좌왕 하루살이 개발자지만, 이렇게 조금씩 작은 발판 하나 둘 만들어 밑거름 삼아 성장할 수 있는 기회가 되길! 1. 실수를 통해 배우자 단순 실수가 실수로 끝나지 않고 내가 무엇을 놓쳤는지. 그리고 이런 실수를 하지 않기 위해서는 실수를 정확히 파악하고 문제점을 찾아내어 보완하자. 2. 피드백을 받아라 (주변 동료. 상사등에게 구체적(개발. 개선하고싶은부분)인 feedback을 요구.. 공감수 6 댓글수 4 2024. 11. 7.
[WebSquare] Submission 테스트 🤔개요websquare에서 submission을 이용한 api 연동 테스트를 해보고자 한다. 🌐개발환경WebSquare Studiojdk17api는 공공데이에서 제공하는 데이터 아무거나 가져옴https://www.vworld.kr/dev/v4dv_2ddataguide2_s002.do?svcIde=smalllibrary https://smart.incheon.go.kr/server/rest/services/Hosted/%EB%85%B8%EC%9D%B8_%EB%B3%B5%EC%A7%80%EC%8B%9C%EC%84%A4_%EC%A0%95%EB%B3%B4/FeatureServer/192/query?where=1%3D1&outFields=*&outSR=4326&f=json 👣 Submission이란?일단 그.. 공감수 1 댓글수 0 2024. 11. 7.
[Typescript] tsconfig 에 들어가야 할 기본 옵션 { "compilerOptions": { "target": "es5", // 'es3', 'es5', 'es2015', 'es2016', 'es2017','es2018', 'esnext' 가능 "module": "commonjs", //무슨 import 문법 쓸건지 'commonjs', 'amd', 'es2015', 'esnext' "allowJs": true, // js 파일들 ts에서 import해서 쓸 수 있는지 "checkJs": true, // 일반 js 파일에서도 에러체크 여부 "jsx": "preserve", // tsx 파일을 jsx로 어떻게 컴파일할 것인지 'preserve', 'react-native', 'react' "declaration": true, //컴파일시 .d.. 공감수 4 댓글수 2 2024. 11. 6.
[Typescript] 기본 정리와 필수문법 🤔개요타입스크립트를 쓰는 이유? 일반적인 자바스크립트는 다이나믹 타입을 지원하는 언어이다. 이래서 장점도 많을 수 있지만 1줄 2줄 3줄,,,, 늘어가는 코드의 줄에 따라 개발자의 영혼가출량은 비례한다. 그렇게 타입에 따른 오류가 많이 발생하곤 하는데, 이를 잡아줄 수 있는 언어로 등장한 것이 바로 타입 스크립트!심지어 오탈자 지적도 해줌 🌐개발환경vscodenode js 최신버전(언제나) 👣 타입스크립트를 사용하려면?1. 일반 프로젝트일 경우 프로젝트 폴더에 npm install -g typescript타입스크립트를 짠 후에는 컴파일 필수! 컴파일이 된 js 파일을 참조해야 한다. 2. 리액트 프로젝트일 경우 2-1. 이미 진행중인 프로젝트 npm install --save typescript @.. 공감수 6 댓글수 0 2024. 11. 6.
[VS Code] PS ~~~ 이 시스템에서 스크립트를 실행할 수 없으므로 ~~~ 파일을 로드할 수 없습니다. 오류 🤔개요보통 vscode를 처음 설치하고 터미널을 이용하려고 할 때 이 오류를 많이 접할 것이다. cmd에서는 실행이 되는데 왜 vscode에서만 안돼요? vscode를 처음 사용했을 때 많이들 봉착하는 난관이다. 나 또한 그랬다. 🌐개발환경vscode👣 PS ~~~ 이 시스템에서 스크립트를 실행할 수 없으므로 ~~~ 파일을 로드할 수 없습니다. 왜 이런 오류가 뜨는 걸까?파워쉘에서 명령어를 실행하기 위해서는 권한을 부여받아야 가능하다고 한다. 설정하는 방법은 vscode를 관리자권한으로 실행한 뒤 아래와 같은 명령어를 powershell에서 실행하면 된다.$ Get-ExecutionPolicy$ Set-ExecutionPolicy RemoteSignedExecutionPolicy를 Restricte.. 공감수 1 댓글수 0 2024. 11. 6.
[Spring Boot + java] spring Boot를 이용한 웹 서비스 API 기본 세팅 🤔개요곧 투입 예정인 프로젝트에서 asis 소스가 spring boot + java + jsp 로 구성되어 있다는 이야기를 듣고 급 끄적여봅니다. 🌐개발환경jdk 17eclipse v2024-09 (4.33.0)spring Tools 4.26 👣Spring boot 프로젝트 생성하는 법Spring boot 프로젝트 생성하는 법은 여러가지 있지만 우리는 eclipse를 이용하여 생성하는걸로!(참고로 Eclipse IDE for Enterprise Java and Web Developers 버전을 설치하면 기본적으로 Spring 프로젝트 생성을 위한 도구가 포함되어 있음)1. STS(Spring Tool Suite) 설치Eclipse에서 Spring 개발을 지원하는 도구로, Eclipse Marketp.. 공감수 2 댓글수 1 2024. 11. 5.
[OZ report] si 개발자가 알아야 할 오즈 리포트 개발하는 법 오즈리포트에 대해 이런 저런 정의를 늘여놔봤자 많이들 안 읽는 거 압니다 (나도 그럼ㅋ)기본적인 구성만 짚고 넘어갑니다 오즈리포트를 설치하면 기본적으로 제공되는 도구가 4가지가 있다. 1. OZ Enterprise Manager : 오즈 서버, 스케줄러 서버에 대한 관리 2. OZ Repository Manager : 오즈 서버에 저장되어 있는 보고서 폼 파일(ozr)과 데이터 파일(odi)를 관리 3. OZ Query Designer : 리포트에서 사용할 데이터 셋 정의 및 관리 4. OZ Report Designer : 보고서 양식을 작성하고 쿼리 디자이너의 데이터 셋과 결합 ※ 1, 2는 오즈 리포트의 관리도구이며 3,4는 개발 도구로 사용됨 대체적으로 시작할때 1번을 이용하여 서버와 데이터.. 공감수 2 댓글수 0 2024. 11. 5.
[WebSquare 5] 웹스퀘어란? & 웹스퀘어 스튜디오 사용법 드디어 정리합니다,,, 웹스퀘어에 대해서!곧 들어갈 프로젝트에서 기본적으로 사용중인 UI 툴이 웹스퀘어란 소식을 듣고 구글링을 해보았다.이렇게 연관검색어만 봐도 웹스퀘어는 악명높기로 유명한 UI 툴인 것 같다...그렇다고 내가 이걸 안 쓸 수 있냐? 절대 Nope... 회사에서 쓰라면 써야지예...그래서 유투브 강의 좀 들으며 공부를 해봤는데 이제야 블로그에 조금씩 찌끄려보려한다.나같은 분들이 많을 것 같거든요,,,🥲일단 웹스퀘어란?웹스퀘어5는 글로벌 웹 표준 HTML5 기술 적용과 파워풀한 성능, 개발 생산성과 편의성을 향상시킨 차세대 UI 플랫폼입니다. 쉽고 빠른 코딩을 위해 80여종의 다양한 UI컴포넌트를 제공하고있으며, 복잡한 업무 시스템 화면 개발에 필요한 재사용 가능한 빌트인(built-in.. 공감수 7 댓글수 4 2024. 10. 29.
[Today's Bug(Nginx)] proxy_pass가 안 먹혀요... 📢 이 버그 좀 보세요! 버그 다시 띄우기 귀찮아요.... 대략 상황을 정리하자면, 서버는 AWS 사용중, BE: Spring boot(REST API로 호출 예정), FE: Vue.js 3, web server: Nginx 사용중에 Vue에서 REST 방식으로 api를 호출할 예정이었다. 대충 다른 블로그 참고하면서 이런 저런 세팅하는데 CORS 오류도 나고요 404에러도 나고요... 도대체 어찌합니까..? 처음 local과 nginx 세팅은 아래와 같다. local에서 실행시 (vue.config.js 세팅. pathRewrite 아래와 같이 적어줘야 함.) const { defineConfig } = require("@vue/cli-service"); module.exports = defineCon.. 공감수 2 댓글수 3 2024. 2. 28.
프로젝트1) 24.02.23 후하후하 지금 메인페이지, 서브페이지까지 퍼블리싱 완료. 피그마가 생각보다 지원해주는게 많이 없다... 어쩌다보니 내가 다 찾아서 퍼블리싱했네...? 괜히 결제한듯 ㅡ"ㅡ 아니면 내가 활용능력이 부족한 탓...? . . . 차치하고 지금은 id, class가 너무 많다. 정리가 필요할 듯 하다. 문제 페이지까지 만들었는데, 이를 DB에 따라 어떻게 보여주냐. 다음페이지로 이동하는 것 같이 어떻게 화면을 보여줄 것인 지 고민해보자. 한 페이지에 다 담아야 한다. 결과화면의 차트를 미리 세팅해본다. https://wormwlrm.github.io/2021/07/02/Data-Visualization-with-Chart-js.html 제목은 Vue에서의 데이터 시각화로 하겠습니다, 근데 이제 Chart.js를.. 공감수 1 댓글수 0 2024. 2. 23.
프로젝트1) 24.02.13 1. figma 첫 사용기. 어? 이거 완전 포토샵+PPT같다. 디자인도 가능하고, 단축키도 포토샵이랑 비슷한데 희안하게 또 레이어를 다루는 방식은 PPT랑 흡사해... 너무 잘 만들었다...! 왜 이제 알았지? 2. 예전엔 figma 무료 버전으로도 code 보기가 가능했는데 올해부터 유료화되었다고 한다(하필...) 그래서 15달러 지출함. (프로젝트 끝나면 바로 종료시켜야지...) 3. 격자무늬 css 참고 https://codepen.io/webstoryboy/pen/yGMQVx 공감수 1 댓글수 0 2024. 2. 13.
[Today's Bug (Jenkins)] A problem occurred configuring root project 'dbti_api' 📢 이 버그 좀 보세요! jenkins로 spring boot 프로젝트 배포도중에 에러가 발생함 A problem occurred configuring root project '프로젝트명' 🐞 버그가 나타난 이유? spring boot gradle plugin은 java17에서 돌아가기 때문에 이러한 오류가 났다고 함. 🕸 어떻게 이 버그를 잡을까? 개발환경 : ubuntu 22.04 sudo update-alternatives --config java 입력 후, 업그레이드 할 java를 선택하면 됨. 필자는 type selection number를 0이라고 입력해서 0번째 path로 설정했다. No VM guests are running outdated hypervisor (qemu) binaries .. 공감수 1 댓글수 0 2024. 2. 7.
프로젝트1) 24.02.07 *오늘 한 일 - 드디어 BE, FE 모두 젠킨스를 이용한 배포 성공! 좀만 기다려라 이제 화창한 날씨만 띄우겠어 ㅋ * 개발환경 정리(계속 업데이트 예정) 개발환경 : ubuntu / java 17.0.9(springboot gradle때문에 버전 맞추기 위해 업그레이드) / mysql / vue3.0 공감수 1 댓글수 1 2024. 2. 7.
프로젝트1) 24.02.06 지난주에 FE 세팅 마침. 이후에 금일까지 한 목록 - BE GIT REPOSITORY 추가 - AWS RDB를 이용한 MYSQL 구축 - SPRING BOOT 프로젝트 생성 및 환경설정 세팅 마침 - MYBATIS를 이용한 SPRING BOOT + MYSQL 연동 및 테스트 마침 - jenkins를 이용한 spring boot 웹 훅 자동 배포 세팅중 vue 최초 배포시에도 그러더니 또 이지랄이시다... 근데 왜 직접 배포 안 하면 자동 배포가 안 되지.?ㅠㅠ -> https://tape22.tistory.com/22?category=928488 와!!!! 감사합니다 감사합니다... swap으로 해결 AWS 공식문서 https://repost.aws/ko/knowledge-center/ec2-memor.. 공감수 3 댓글수 1 2024. 2. 6.
[Today's Bug (Nginx)]nginx build file 경로 지정 및 서비스 포트 설정 중 nginx: [emerg] unknown directive "location/" in /etc/nginx/conf.d/default.conf 📢 이 버그 좀 보세요! nginx에 build file 경로 지정 및 서비스 포트 설정 중... build file 은 이 분 참고 https://zakelstorm.tistory.com/133 $ cd /etc/nginx/conf.d $ vim default.conf //아무 이름이나 만들어도 된다. // default.conf에 다음내용을 입력한다. server { listen 80 default_server; listen [::]:80 default_server; root /var/lib/jenkins/workspace/asdfeeeee/dist; index index.html index.htm; server_name _; location/{ try_files$uri $uri/ /index.htm.. 공감수 0 댓글수 0 2024. 2. 3.
프로젝트1) 24.02.03 젠킨스에서 계속 npm install 이 늦어 열 번 넘게 빌드시키는데 안 되다가 드디어 됐다.. 젠킨스 니가 너무 싫다... 그치만 SUCCESS가 뜨는 건 좋다 :) 마참내 nginx에 연결까지 성공! * 애로사항 근데 왜 나만 npm install시 이렇게 오래 걸리는걸까...? 9시간.. 말이 되나? 쨋든 한 번 install 성공 후에는 정상적인 빌드 시간을 보인다. 공감수 1 댓글수 0 2024. 2. 3.
apt 설치 도중 에러 dpkg: error processing package openssh-server (--configure)" on apt install 📢 이 버그 좀 보세요! apt 를 이용해 nginx를 설치하던 도중 위와 같은 에러가 났음. dpkg: error processing package openssh-server (--configure)" on apt install 🐞 버그가 나타난 이유? 우분투 15.04 버전 이후로 의존성 관련 내용이 바뀌어 발생하는 버그(?)라고 한다. 🕸 어떻게 이 버그를 잡을까? 1. dpkg경로로 이동한다 cd /var/lib/dpkg 2. 파일을 삭제한다.(백업) sudo mv info info.baksudo 3. 파일을 다시 작성한다. mkdir info 공감수 1 댓글수 0 2024. 2. 3.
[Today's Bug (Jenkins)] ubuntu에 Jenkins설치시 E: Package 'jenkins' has no installation candidate 에러 📢 이 버그 좀 보세요! ubuntu에 Jenkins설치하려니 아래와 같은 에러가 발생했다. E: Package 'jenkins' has no installation candidate 🐞 버그가 나타난 이유? jenkins key가 23년 이후로 변경되었다고 한다. 🕸 어떻게 이 버그를 잡을까? sudo wget -O /etc/yum.repos.d/jenkins.repo https://pkg.jenkins.io/redhat-stable/jenkins.repo sudo rpm --import https://pkg.jenkins.io/redhat-stable/jenkins.io-2023.key -- 또는 curl -fsSL https://pkg.jenkins.io/debian/jenkins.io-2023.k.. 공감수 1 댓글수 0 2024. 2. 2.
[Today's Bug (Ubuntu)] sudo apt-get update 시 NO_PUBKEY 에러 📢 이 버그 좀 보세요! ubuntu 에서 문서 수정 후 apt-get update 시 NO_PUBKEY 에러가 났다. 🐞 버그가 나타난 이유? keyserver에 아래와 같이 등록해줘야 한다. 🕸 어떻게 이 버그를 잡을까? sudo apt-key adv --keyserver keyserver.ubuntu.com --recv-keys [PUBKEY] sudo apt-get update 공감수 1 댓글수 0 2024. 2. 2.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.