목록톺아보기 (25)
dolog
2024년 3월 23일 기준 현재 빠른 시간 순으로 정리 1. 정보처리 산업기사 접수일자 필기 : 04.16(화) ~ 4.19(금) 실기 : 06.25(화) ~ 06.28(금) 시험일자 필기 : 05.09(목) ~ 05.28(화) 실기 : 07.28(일) ~ 08.14(수) 2. 네트워크관리사 2급 접수일자 필기 : 04.09 ~ 04.12 실기 : 05.21 ~ 05.24 시험일자 필기 : 05.19 실기 : 06.23 합격자 발표 필기 : 05.21 실기 : 07.02 3. SQLD 접수일자 04.22(월) ~ 04.26(금) 시험일자 05.25(토) 시험
1. git branch 생성하기* 원래는 git checkout를 사용했는데 checkout 기능이 많아 branch를 만들 때 switch, restore를 사용한다고 한다.# branch를 만들면서 branch 변경하는 명령어git switch -c guest 2. README.md 파일 변경* 리팩토링 관련 내용을 추가하기 위해 기존 README.md를 변경 3.. 게스트모드 관련 리팩토링- useCreateGuestMutation.ts- useDeleteGuestMutation.ts- userStore.ts- guest.ts- HeaderNav.tsx useCreateGuestMutation.ts* 기존 게스트의 id를 받아올 때 (흡사 매직 리터럴) 유지보수가 어렵게 코..
1. 마틴 파울러의 소프트웨어 아키텍쳐의 중요성(한글 자막) https://www.youtube.com/watch?v=4E1BHTvhB7Y 2. 토스 프론트엔드 웹 서비스에서 우아하게 비동기 처리하기 https://www.youtube.com/watch?v=FvRtoViujGg 3.https://www.youtube.com/watch?v=nkXIpGjVxWU 4. https://velog.io/@seungchan__y/React-Query-%EC%A0%81%EC%9C%BC%EB%A1%9C-%EC%82%AC%EA%B3%A0%ED%95%98%EA%B8%B0 [번역] React Query 적으로 사고하기 React Query Maintainer인 Tkdodo가 알려주는 리액트 쿼리적으로 사고할 수 있는 3가지..

서두원래는 기존에 있던 repository에서 진행을 할까 했지만 깔끔하게 repository를 파기로 결심했습니다.또한 repository를 새로 만들면서 버전 관리도 해볼까 했지만... 사실 버전 관리는 팀 프로젝트이기도 하고, 이미 한 번의 리팩토링과 추가적인 기능 개발이 진행되었기 때문에 공부하고 다른 프로젝트에 적용해볼까 합니다. 1. github에서 새로 repository를 만듭니다. 2. 그로우 스토리(Grow Story) 원본 repository에서 clone 합니다.(이때 필요하다면 --mirror, --bare 등 옵션을 추가하기)git clone .git 3. clone한 폴더의 remote를 변경해줍니다.- git remote -v로 먼저 origin이 어딘지 ..
전역 상태와 로컬 상태를 구분하여 전역 상태 관리가 필요할 때는 상태 관리 라이브러리를 사용하고, 그런 경우가 아니라면 useState와 props로 관리합니다. 상태 관리, 어떻게 하세요? 정적인 페이지를 만드는 것이 아닌 이상 상태 관리는 필수입니다. 하지만 무조건 상태 관리 라이브러리를 사용해야 하는것은 아닙니다. 마찬가지로 무조건 사용하지 않아야 하는 것 또한 아닙니다. 라이브러리를 사용하든, 사용하지 않든 상황과 목적에 맞게 사용해야 불필요한 코드를 작성하는 일을 피할 수 있습니다. 그러면 먼저 라이브러리를 사용하지 않아도 되는 상황은 무엇일까요? 간단한 예시로 구매하려는 물건의 수량을 변경하면 그에 따라 주문 금액이 변경되는 경우, 수량에 대한 상태와 주문 금액에 대한 상태가 하나의 컴포넌트안..

React와 Next.js는 들어봤는데 Hydration이요? 저는 메인 프로젝트를 진행하면서 Hydration 에러를 만났었는데요. 당시에는 Hydration이라는 단어와 기술 자체가 생소했기 때문에 에러를 해결하기까지 다사다난했었습니다. Hydration 먼저 Hydration을 검색하면 수화, 수분 보충, 수화 작용이란 말이 나옵니다. 당연한 얘기지만 웹 개발에서 Hydration은 실제로 수화작용, 수분 보충을 하기위해 사용하는 기술이 아닙니다. 그렇다면 왜 Hydration이란 단어를 선택했을까요? 웹 개발에서의 Hydration 정의를 알면 왜 선택했는지 짐작할 수 있습니다. 웹 개발에서 Hydration은 클라이언트의 JavaScript가 서버에서 랜더링한 html 요소에 이벤트 핸들러를 첨..
서두 대략 6개월 전, 머리털 나고 처음해보는 팀 프로젝트 중 2주간의 프리 프로젝트를 끝내고, 바로 메인 프로젝트를 시작했습니다. 시작과 동시에 팀 편성 및 빌딩 시간을 가지고 다같이 아이디어 구축 및 기획, 와이어프레임과 디자인 작업, 유저 플로우 작성과 제출해야하는 산출물 문서 작성을 일주일간 진행했습니다. 해당 기간동안 부트캠프에서 정해놓은 시간이 종료되면 확정되었던 새로운 기술 스택들 중 Next.js와 TypeScript를 공부했습니다. 아무래도 새로운 기술 스택들을 하나하나 공부할 시간이 부족하다보니 가장 핵심되는 기술 스택인 Next.js와 TypeScript를 틈틈이 영상을 보며 초기 세팅부터 간단한 CRUD와 배포까지 공부했습니다.(feat. 유튜브 생활코딩) 그나마 Next.js와 T..
1. 국내 주식 시장 * 코스피 * 코스닥 * 코넥스 * K-OTC 2. 코스피(KOSPI, Korea Composite Price Index) * 국내 주식 시장의 종합 주가 지수 * 1980년 1월 4일 시가총액을 기준 시점으로 현재까지 산출 * 자본이 300억원 이상, 영업 활동 기간이 3년 이상 등 특정 조건을 만족하는 회사가 코스피에 속함(ex) 삼성, 현대, 엘지...) 3. 코스닥(KOSDAQ, Korea Securities Dealers Automated Quotations) * 미국 나스닥 시장을 벤치마킹하여 개설된 벤처기업 중심 시장 * IT(Information Technology), BT(Bio Technology), CT(Culture Technology) 기업과 벤처기업의 자금조..