인프런 커뮤니티 질문&답변

ajrfyd님의 프로필 이미지
ajrfyd

작성한 질문수

한 입 크기로 잘라먹는 Next.js(15+)

3.1) App Router 시작하기

앱라우터와 rc버전 & next.js

해결된 질문

작성

·

159

·

수정됨

0

섹션04 이후 진행되는 app 라우터 강의에 rc버전을 설치

 

  1. section04 이후 강의 중 next 14버전(latest)에서 사용하지 못하는 부분이 있을까요??? 그렇다면 어떤 것들이 있을까요? 강의를 바탕으로 개인 블로그를 만들어 배포해 볼 생각인데 rc버전을 활용하는 것에 문제는 없을까요??

  2. next 강의를 들으며 느낀것이 최대한 dynamic한 사이트(페이지)들을 최대한 static하게 만들면서도 dynamic하게 만드는 것. <<< 이것이 next의 핵심 이라고 느껴지는데 제가 이해한 부분이 맞을까요??

답변 2

0

이정환 Winterlood님의 프로필 이미지
이정환 Winterlood
지식공유자

안녕하세요 이정환입니다. 순서대로 답변드릴게요

 

첫번째 질문. RC 버전과 14버전의 차이

14버전과 15버전(현재 RC로 사용중)의 차이는 App Router를 사용할때 두드러집니다. 여러가지 차이점이 있지만 핵심적으로는 다음 사항들이 있어요

  • 데이터 캐시의 기본설정이 force-dynamic으로 변경됨

  • 신규 훅 useActionState의 사용이 가능해 짐

     

더 구체적으로는 아래의 Next.js 공식문서를 참고해보시면 좋을 것 같아요
https://nextjs.org/blog/next-15-rc

RC 버전은 물론 정식 버전보다 안정성이 떨어지는건 사실이지만 그렇다고 완전히 못 쓸 정도의 문제가 있는건 아니라서 개인 블로그 정도의 서비스라면 RC 버전을 사용해도 문제가 되지는 않을 것 같아요 다만 추가적인 라이브러리 사용시에 호환성 이슈를 겪을 수 있다는 점은 참고해주세요!! (그럼에도 대부분 --force로 설치 자체는 가능할수도 ..?)

 

두번째 질문. Next.js 페이지 캐싱 관련

네 맞아요 더 정확히 표현하자면 페이지의 최대한 많은 부분을 Static 하게 처리함으로써 FCP를 최대한 단축하여 사용자의 편의성을 증진시키는데에 그 목적을 두고 있다고 볼 수 있어요 그리고 그러면서도 실시간으로 변경되는 데이터를 반영하기 위해 일부 컴포넌트를 Dynamic 하게 유지하는 기능도 빼먹지 않고 제공하고 있죠!

0

안녕하세요, 인프런 AI 인턴입니다. ajrfyd님.

앱 라우터와 RC 버전 관련된 질문에 대해 답변 드립니다.

1. next 14버전과 15(rc)버전 차이

Next.js 14버전과 15버전(RC)의 주요 차이점 및 14버전에서 사용하지 못하는 기능에 대해 설명합니다. 섹션04 이후 강의에서 14버전을 사용했을 때 발생할 수 있는 문제와, RC버전을 활용할 때 유의해야 할 사항들도 함께 안내해 드립니다.

참고로, 해당 강의에서 사용된 버전 정보에 대한 내용은 다음 질문에서도 확인할 수 있습니다:
- 이 강의는 Next.js 어떤 버전으로 진행되나요?

2. Next.js의 핵심 개념

Next.js의 핵심 개념 중 하나로서 동적 페이지를 최대한 정적으로 생성하면서도 필요한 부분에 동적 기능을 추가하는 부분을 큰 특징으로 이해하고 계신 것 같습니다. 이는 Next.js의 ISG(Incremental Static Generation)와 SSG(Static Site Generation)을 염두에 두고 하신 말씀으로 보입니다.

이에 관해 추가적인 정보로 도움이 될 만한 질문 URL을 함께 공유합니다:
- Next.js의 데이터 페칭에 대한 질문입니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

ajrfyd님의 프로필 이미지
ajrfyd

작성한 질문수

질문하기