nextjs3 [Next.js] useRouter 의 Shallow Routing 참고자료 https://post.naver.com/viewer/postView.nhn?volumeNo=29116858&memberNo=10070839 https://velog.io/@diclfn42/Next.js-Shallow-routing-%EC%9D%B4%EB%9E%80 https://nextjs.org/docs/pages/building-your-application/routing/linking-and-navigating 시작하기 앞서 상태에 대한 부분들을 URL 값 파라미터에 반영되는 방식을 구현하고자 했다. 이렇게 했을 때 장점은 아래와 같다. 모든 사용자들의 동작들이 URL 파라미터로 기록된다. 그래서, 그 URL을 누군가에게 공유했을 때, 내가 보고있었던 페이지 그대로 볼 수 있을 것이다. .. 2023. 9. 6. Next.js 초기셋팅 정리 (with Typescript/ESLint/prettier/jest/testing-libarary) Next.js를 구축하고 환경설정하는 게시글은 띄엄띄엄 정리하긴 했지만, 하나의 게시글로 정리하고 싶어서 다시 씀. 읽기전에 패키지 버전차이가 있을 수 있습니다. (이로인해 실행이 제대로 되지 않을 수 있습니다.) 초기셋팅은 왠만하면 공식문서를 보고 따라하는 것이 좋습니다. 저는 node pakage manaement tools 로 yarn 을 사용합니다. (npm으로 설치할 수도 있지만, yarn을 더 선호하는 편 입니다.) 타입스크립트를 사용합니다. Next.js 프로젝트 생성 yarn create next-app --typescript 1. 프로젝트 이름을 적어주세요 2. ESLint를 사용할 것인지 3. Tailwind CSS 를 사용할 것인지 4. src directory를 사용할 것인지 5. .. 2023. 5. 25. [Jest] 설치 및 기본 실행 설치 yarn add -D jest yarn add -D @types/jest jest 설정파일 추가 jest --init ✔ Would you like to use Typescript for the configuration file? … 타입스크립트 파일로 설정할까? 난 no ✔ Choose the test environment that will be used for testing › 어떤 환경에서 test 돌릴거니? 난 node ✔ Do you want Jest to add coverage reports? … 커버리지 기능을 사용할거니 ? yes ✔ Which provider should be used to instrument code for coverage? › 본인은 babel ✔ Automati.. 2023. 3. 21. 이전 1 다음 728x90 반응형
