Dog foot print

기존 pages와 달리 app은 매우 복잡한 폴더 구조와 파일구조를 가지고 있다. 이는 폴더구조를 이용하여, 다양한 기능들을 제공하려는 노력으로 보이는데, 개인적으로 “폴더구조가 너무 깊어 복잡하고 쓰임이 정해진 파일들을 얼마나 잘 활용 할 수 있을까?” 라는 생각이 든다. Page file 이제 더 이상 파일명을 기준으로 하위 경로를 생성하지 않는다. 하위 경로는 폴더명을 기준으로 생성된다. 이렇게 생성된 page 파일들은 자신이 속한 폴더의 인덱스 경로로 지정된다. 예를 들어 /about/page.tsx 파일은 /about 과 일치하며, /about/more/page.tsx 파일은 /about/more 경로와 일치하게 된다. Props interface Params{ [key in string] : ..

Next.js@v13의 등장 Next.js@v13은 너무나도 많은 변화로 인하여, 많은 프론트엔드 개발자들이 기존 프로젝트 마이그레이션과 변화에 적응하는데, 큰 고통을 받고 있다. 물론 편리하고 좋은 기능들이 많이 추가 되었지만 여전히 일부 신규기능들은 “프로덕트 레벨에서 사용하기에 불안하다”라는 것이 중론인 것 같다. 가장 큰 변화로는 pages 폴더를 이용한 라우팅 방식에서 app 폴더를 이용한 라우팅인데 기존 pages 디렉토리에서 사용되던 레이아웃, API, 미들웨어 등 거의 모든 것들이 변화했다. 특히 기존 getServerSideProps와 getStaticSideProps를 이용하여, 초기 페이지 화면에 필요한 모든 값들을 최상단에서 호출 하는 것과는 달리, server-component를 ..