이것도 해결해야하나요? ..... - hydration error 서론최근 프로젝트를 진행하면서 신기한? 황당한? 일을 겪게 되어 글을 남기게 되었다.작업 환경Operating System: Platform: macOS Arch: arm64 Version: 15.0.1 (24A348)Binaries: Node: 20.15.0 pnpm: 9.4.0Relevant Packages: next: 15.3.3 react: 18.2.0 react-dom: 18.2.0 typescript: ^5Error여느 때와 같이 개발을 진행하고 있던 중 console에 error log가 있어 확인해 보니 hydration error였다.hydration errornextjs에서는 기본적으로 SSR(server side rendering)을 지원한다.그래서 node.js se.. 아니 이렇게 하면 라우팅 된다니까ㅋㅋ - app router를 알아보자! next 13부터 app router가 나왔다 그전에는 page router로 페이지를 라우팅 했었다app router를 알아보기 전에 pages router에 대해 간단히 알아보자pages routerpage router는 pages 디렉토리 안에서 js, jsx, ts, tsx 파일의 이름을 기준으로 라우팅을 하는 방식이다만약 index.tsx라는 파일을 만든다면 /경로에 페이지가 보여지고survey/main/index.tsx라는 파일을 만든다면 /servey/main경로에 페이지가 보여지게 되는 방식이다단점중첩된 경로가 많아진다면 파일 이름도 길어진다는 단점이 있는거 같고사실 나는 pages router를 사용해 보지 않아 다른 단점들은 더 찾아봐야 할거 같다+ 추가로 찾아본 결과 server co.. 이전 1 다음
