Kimyeongkyung

next.js + typescript 설치 명령어 create next-app typescript 상위 폴더로 이동 cd - 브라우저 실행 명령어 yarn dev 타입스크립트 프로젝트에서 styled-components 설치하기 yarn add styled-components 또는 npm install --save-dev @types/styled-components 환경변수 설정 yarn ryun predev storybook 설치 npx storybook init storybook 실행 yarn storybook 원격에 내 브랜치 push git push origin [브랜치명] main 브랜치에서 development 브랜치로 이동 git checkout -t origin/development pul..

React Query : 데이터 Fetching, 캐시, 동기화, 서버 쪽 데이터 업데이트 등을 쉽게 만들어주는 라이브러리 장점 기존에 직접 만들어야 했던 기능들을 react-query가 지원하는 별도 옵션들을 통해 짧은 코드로 작성할 수 있다. 프로젝트 구조가 기존보다 단순해져 애플리케이션을 유지 보수하기 쉽고, 새로운 기능을 쉽게 구축할 수 있다. 별도의 설정 없이 즉시 사용 가능하다. 같은 데이터에 대한 여러번의 요청이 있을 시 중복을 제거한다. const { data, isFetching } = useQuery(queryKey, queryFn, { options }) => useQuery는 파라미터로 queryKey, queryFn, options를 가진다. 1) queryKey 배열 또는 str..

해결 node.js - VS Code가 "모듈 'typescript'를 찾을 수 없습니다"를 던지는 이유는 무엇입니까? ts(2307)" 모듈이 있는 동안? - 스택 오버플로 (stackoverflow.com) Why does VS Code throw "Cannot find module 'typescript'. ts(2307)" while the module is there? I'm using import * as ts from "typescript"; to import typescript in a .ts file. The file runs fine, but VS Code is telling me Cannot find module 'typescript'. ts(2307). Is there any way ..

CI/CD란? Continuous Integration(지속적인 통합) : 버그 수정이나 새로 만들어지는 기능들이 매일 리포지토리에 주기적으로 빌드되고 테스트가 되어 merge 되는 것 Continuous Delivery(지속적인 제공) : 준비된 release가 아무런 문제가 없는지 개발자가 검증 후 최종적으로 배포 준비가 되면 수동적으로 배포하는 것 Continuous Deployment(지속적인 배포) : 마지막 배포 단계에서 release가 준비되자마자 사용자에게 자동으로 배포되도록 모든 과정을 자동화 해두는 것 GitHub Action 이란? : Github Action이란 Github 저장소를 기반으로 소프트웨어 개발 Workflow를 자동화 할 수 있는 도구이다. Github 내부에서 프로젝..

실전프로젝트가 정신없이 진행되고 있다보니 블로그를 쓸 여유가 없다. 그래도 회고록은 꼭 남겨보려 한다. 오늘은 실전프로젝트 3주차가 지났다. 이번주는 프로젝트 마무리를 위해 노력하는 한 주였는데 아직 완성하지는 못했다. 채팅부분도 잘 진행되고있지만 아직 이것저것 신경쓸게 많고, 리뷰쪽도 아직 구현이 덜 된 상황이다. WIL(Weekly I Learned) 나는 원래 다른분이 맡고계시던 무한스크롤 기능을 넘겨받아서 구현을 하게됐는데 백엔드에서 게시글을 6개씩 잘라서 보내주면 프론트에서 무한스크롤을 적용해서 보여주는 방식으로 진행했다. 근데 문제가 생겼다. 전체 리스트에는 잘 적용이 된 상태인데 우리 프로젝트는 카테고리별로 분류해서 보여줄 수도 있어야 하는 상황이라 백엔드에서 6개씩 잘라서 받고 있다보니 카..

오늘은 항해99를 시작한지 10주차 회고날이다. 이제 전체 기간 중 3분의 2가 지나갔고, 한달정도 남은 것 같다. 실전프로젝트 MVP 기간이 끝나고 지난 토요일에는 멘토님들 앞에서 중간 발표회가 진행됐다. 어느정도 기본기능을 구현해둔 상태였는데 아쉽게도 시연할때 카카오 로그인이 갑자기 안돼서 글 작성페이지라던지, 마이페이지쪽은 보여드릴 수 없어서 아쉬웠다. 더 꼼꼼하게 준비해서 실전때는 이런 변수가 생기지 않도록 꼭 조심해야 겠다고 생각했다. 중간발표회가 끝나고 지금은 튜터님들이 해주신 소중한 피드백과 조언을 바탕으로 올바르지 못했던 코드들을 바로잡고 있는 상황이다. 항해를 지금까지 하면서 배웠던 기술 + a로 많은 기술들을 프로젝트에 사용하고 있는데 날잡고 블로그에 한번 정리를 해봐야 겠다. 실전 프..