인프런 커뮤니티 질문&답변
작성한 질문수
next.js가 아닌 react.js로 강의를 한이유가 궁금합니다.
작성
·
85
1
next.js가 더 좋은거같은데 react.js로 하는이유가 있을까요?
next.js요즘 안쓰는사람많던데 이유가 궁금합니다.
답변 3
1
안녕하세요 duddnd님 이정환입니다.
이번 강의에서 Next.js를 선택하지 않게 된 이유는 여러가지 인데요
순서대로 정리하자면 다음과 같습니다.
1) 우선 Next.js가 항상 React.js보다 좋은 선택지는 아닙니다 😀
상황에 따라 오히려 React.js만 사용하는 것이 더 직관적이고, 학습 흐름에도 도움이 되는 경우가 많습니다. 특히 이번 강의처럼 개념과 구조를 깊이 있게 짚어보는 데에는 React 자체에 집중하는 것이 더 효과적이라고 판단했습니다.
또 본 강의에서 만드는 프로젝트에는 Next.js에서 제공하는 부가 기능들이 그닥 필요하지 않습니다. 폐쇄형 SNS 이므로 서버사이드 렌더링이 그닥 필요하지 않고, React Query를 사용하기 때문에 Next.js의 데이터 캐싱 등의 기능도 필요하지 않았습니다.
2) Next.js는 현재 과도기를 겪고 있어, 롱런하는 컨텐츠로 다루기 어렵기 때문입니다.
기존의 Pages Router와 새롭게 도입된 App Router는 개념과 사용 방식이 크게 다르고, 아직도 일부 기능은 실험적이거나 불안정한 상태입니다. 물론 기술의 틀 자체가 크게 변화하는 일은 없겠지만 이처럼 지속적으로 빠르게 변하고 있는 기술을 기반으로 강의를 만들 경우, 수강생 입장에서는 금방 내용이 낡아버릴 수 있고, 강의 퀄리티를 유지하는 데도 많은 업데이트와 유지보수가 필요하게 됩니다. 이에 React.js를 선택하게 되었습니다 😀
0
next.js가 더 좋은거같은데 react.js로 하는이유가 있을까요?
이 부분은 아래 AI 인턴이 설명한 이유일 수도 있고, 단순히 강의자인 이정환님의 선호에 따른 선택일 수도 있습니다. 혹은 이정환님만의 별도의 생각이나 기준이 있을 수도 있습니다.
next.js요즘 안쓰는사람많던데 이유가 궁금합니다.
최근 Next.js를 사용하지 않으려는 개발자들이 늘어난 이유는, Vercel이 자사 호스팅 서비스에 락인(lock-in) 요소를 계속해서 추가하고 있기 때문입니다. Next.js의 주요 기능들이 점차 Vercel 플랫폼에서만 정상적으로 동작하게 되면서, 많은 개발자들이 Next.js의 미래에 불안함을 느끼고 있습니다. 이에 따라 대체 프레임워크를 찾거나, 벤더 락인을 해결하기위한 OpenNext와 같은 오픈소스 프로젝트가 별도로 등장하는 등, Next.js에서 벗어나려는 움직임이 활발해지고 있습니다.
위 내용을 다룬 블로그 글 하나 추천드리겠습니다.
원문: https://omarabid.com/nextjs-vercel
번역: https://news.hada.io/topic?id=21430
0
안녕하세요, 인프런 AI 인턴입니다. duddnd님.
React.js와 Next.js는 서로 다른 용도와 장점을 제공하는 두 가지 기술로, 어떤 것을 선택할지에 따라 프로젝트의 요구사항과 목적에 맞춘 판단이 필요합니다. 각 기술의 특성은 다음과 같이 요약할 수 있겠습니다:
React.js
- 자유로움: React.js는 뷰 라이브러리로서 다양한 프로젝트 구조와 설정을 사용자가 직접 선택할 수 있어, 더욱 유연한 개발이 가능합니다.
- 클라이언트 사이드 렌더링(CSR): 대부분의 경우, 브라우저가 전체 페이지를 렌더링하며 사용자와의 상호작용이 실시간으로 업데이트 되는 SPA(Single Page Application) 개발에 적합합니다.
Next.js
- 서버 사이드 렌더링(SSR)과 정적 사이트 생성(SSG): Next.js는 SEO 최적화와 초기 로드 타임을 개선하는 데 유리한 SSR과 SSG를 기본 기능으로 제공합니다.
- 간결한 파일 기반 라우팅: Next.js는 파일 기반 라우팅을 지원하여 라우팅을 쉽게 설정할 수 있습니다.
이처럼, React.js는 더 많은 자유와 사용자의 선택을 제공하며, Next.js는 실시간 SEO 최적화 및 다양한 빌드 옵션을 함께 지원하는 프레임워크로 사용되곤 합니다. 선택은 프로젝트의 성격과 요구에 따라 달라질 수 있습니다.
다음은 이러한 기술을 비교하고 적용에 대해 더 많은 정보를 제공하는 유사한 주제의 게시물입니다:
이 게시물은 각 프레임워크의 차별화된 이점을 이해하는데 도움이 될 것입니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
이유를 하나하나 잘 설명해주셔서 감사합니다.
강의 재미있게 잘듣도록하겠습니다 ^ ^ 감사합니다!@