app폴더 방식
안녕하세요 선생님.
제가 지금 npx create next app을 하면 pages가 아니라 app폴더 방식으로 버전 13이 기본으로 되어 있는 것 같습니다.
13 버전으로 공부해도 괜찮을까요? getStaticProps함수 등 여러가지 기능이 바뀌었을 것 같아서요
답변 1
1
안녕하세요 문의 감사합니다.
일단 Next.js 13 버전도 pages 기능에 대한 100% 호환을 제공하기 때문에 pages 폴더를 만들어도 오류가 나지는 않습니다. 하지만 말씀하신대로 pages와 app directory는 다른 App Router입니다.
5월에 Next.js 13.4가 배포되면서 app directory가 정식으로 stable 상태가 되었지만, 아직 대부분의 프로젝트는 pages를 사용하고 있을 것입니다. 또 emotion/T3 stack 등의 메이저한 개발 도구들도 아직 app directory를 지원하지는 않습니다.
하지만 서서히 app directory로 마이그레이션이 되고 프로젝트에서 app directory를 사용하게 될 것입니다.
그래서 질문자님께서 Next.js를 pages로 시작할지, 아니면 app directory로 시작할지를 제가 섣불리 판단할 수는 없을 것 같습니다.(app directory 생태계가 어느 속도로 커질 지 알 수 없기 때문에)
강의 자료와 강의를 통해 pages와 Image/Link/API Routes 등의 기존 Next.js API를 먼저 학습하셔도 좋고, 처음부터 app directory 위주로 공부를 시작하셔도 될 것 같습니다.
고민해보시고 혹시 후자를 선택하셨다면 답글 부탁드립니다!
감사합니다 :)
1
답변 감사합니다. 선생님
저는 일단 후자로 강의를 보면서 공부를 시작한 후 차이점 및 pages에서 사용하는 기능을 app에서는 무엇을 사용하는지 공부하면서 하려고 합니다.
강의를 완강하면 그다음 pages형식으로 다시 강의를 보고 2개 방식 모두 체험하려고 합니다.
API 라우터를 사용해야 하는 경우에 대해
1
150
1
키보드 어떤 거 사용하시나요
1
352
1
next.js 멀티플 런타임 관련해서 질문 올립니다..
1
358
2
아주 기초적인 질문입니다.
1
322
1
서버사이드 렌더링을 할 때, 서버는 어디에 있는 건가요?
1
1170
2
수업을 듣다가 SSR에 관하여..
1
551
2
interface 와 type
1
376
1
엘리맨트들의 자식관계가 어떻게 이렇게 되나 궁금합니다.
1
384
1
onLoad함수 (script태그의 onLoad X)
1
426
1
dynamic에 대한 질문
1
447
1
SSR vs SSG
1
476
2
NoSSR 관련한 질문입니다:)
1
376
1
a tag 질문 !
1
327
2
8분 20초 배포 관련
1
324
2
안녕하세요! 구글 서치 콘솔에 등록하는 도중 다음 오류가 뜹니다
0
2679
2
emotion styles 파일이 빌드시 경고로 뜹니다.
1
438
1
naver map 이 출력되지 않습니다.
1
481
1
페이지에 site맵 존재시 next Link는 csr 처럼 싹가져오게 되나요?
1
264
2
Failed to load resource: the server responded with a status of 404 ()
1
1034
2
VSCode 익스텐션 궁금합니다.
1
356
1
상태관리 질문 있습니다!
1
449
1
swr에 대한 질문입니다. (용어 관련)
1
372
1
swr 질문입니다!
1
337
1
안녕하세요. span 태그의 부모에 display: flex 를 적용하는데 왜 적용되는지 아무리 생각해도 이해가 되지 않아 질문드립니다.
1
679
2