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

안녕하세요! 맙소사님!
최근 React는 17버전 이하(Next 12버전 이하)와 18버전 이상(Next 13버전 이상)으로 많은 변화가 생겼어요!
따라서, 프로젝트의 버전을 높이는 경우 추가적인 몇가지 주제들에 대해서 따로 학습을 해주셔야해요!

현재 실무 상황을 말씀드리자면, 1. 새로운 프로젝트를 진행하는 회사, 2. 기존에 이미 있던 프로젝트에 기능을 추가하는 회사에 따라서 나누어져요!
위 1번의 프로젝트는 18버전 이상을 선택하는 경향이 있고, 2번의 프로젝트는 기존 버전을 유지하는 모습(18버전 이상으로 업그레이드가 당장 쉽지 않기 때문)이 보이네요!
이러한 이유에서, 취업의 폭을 넓히기 위해 가능하면 둘 다 학습해 보시는 것을 추천드립니다!^^

몇가지 주제를 제외하고 큰 틀은 동일하므로, 17버전 이하에서 포트폴리오를 한 번 만들어 보셨다면, 이번에는 18버전 이상으로 도전해 봄으로써 프론트엔드의 발전 방향도 함께 학습하시는게 더 좋을 것 같아요!^^

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

맙소사님께서는 “[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스”를 수강하시며 Next.js 버전 업데이트에 관한 질문을 하셨습니다. 강의 내에서는 Next.js의 12버전을 사용하지만, 실무 적용 및 학습을 계속할 때 어떤 버전을 사용하는 것이 좋을지에 대해 고민하고 계시군요.

Next.js의 버전 선택은 프로젝트의 요구 사항, 팀의 기술 스택 호환성, 그리고 채택된 기술의 안정성 및 지원 범위를 고려해서 결정하는 것이 좋습니다. 12버전이 여전히 실무에서 널리 사용되지만, 최신 기술과의 호환성이나 새로운 기능을 사용하고자 한다면 더 높은 버전으로 업그레이드하는 것을 고려해 볼 수 있습니다.

Next.js와 관련하여 강의 내용을 기반으로 학습을 더 깊게 하시거나, 더 나아가 실무에 적용하기 위한 고민에 도움이 될 만한 기존 답변을 찾아봤습니다. 이는 다음과 같은 질문과 답변 맥락에서 참고하실 수 있을 것입니다:

• next.js를 설치하면 자동적으로 @next/font가 index.js에 입력됩니다.이 질문에서는 Next.js 13버전 관련 문제와 초기 설정에 대한 내용을 다루고 있습니다. 설치 시 자동으로 생성되는 @next/font 등의 코드 관련하여, 인프런 내의 답변에서는 버전 업데이트 후 변경된 사항을 삭제하고 기존에 익숙한 환경으로 설정하는 방법을 안내합니다. 이 정보는 버전 변경 시 새로운 기능이 추가되거나 기본 설정이 변경되는 폭이 클 때, 기존 학습 내용을 바탕으로 새로운 환경에 적응하는 데 유의해야 함을 시사합니다.
  

강의에서 배운 내용을 바탕으로 최신 버전에서 프로젝트를 시도해보는 것도 좋은 학습 방법이 될 수 있습니다. Next.js 공식 문서(Next.js Documentation)를 참고하여 버전 업데이트 때마다 추가되는 새로운 기능이나 변경되는 사항을 확인하는 것도 매우 중요합니다. 이를 통해 최신 기술 동향을 따르면서도 실무에 적용 가능한 심화 지식을 습득할 수 있을 것입니다.

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