인프런 커뮤니티 질문&답변
작성한 질문수
나름 중요하다고 생각하는 강의에 대한 궁금점 질문 드려요~
해결된 질문
작성
·
63
0
이정환 쌤 강의는 무조건 다 듣는 프론트 개발자 학생입니다. 근데, 궁금한점이 있어 질문드려요. 리액트 강의부터 하시고, 그다음 Next.js 강의 하시고, 다시 리액트로 이번에 강의를 하시는데, 저는 이정환 쌤 Next.js 강의를 듣고 난 후에는 리액트로는 개발을 안하고 Next.js로만 개발했거든요. 다시 리액트로 돌아간 이유에 대해 궁금해서 질문드립니다. Next.js 말고 리액트를 선택한 이유가 있을까요? Next.js에 어떤 이슈가 있는걸까요?
답변 2
0
안녕하세요 Ehtan님 이정환입니다.
금번 강의의 스킬셋에 Next.js를 포함시키지 않은 이유는 여러가지 인데요 그 중 몇가지만 간추려서 답변드리자면 다음과 같습니다.
1) 본 프로젝트를 구현하는데에 Next.js의 기능이 그닥 필요하지 않았습니다.
본 강의에서 제작하는 프로젝트 "한입 로그"에는 서버사이드 렌더링이나 데이터 캐시, 이미지 최적화 등의 Next.js가 제공하는 기능이 그닥 필요하지 않습니다. 따라서 닭 잡는데 소 칼 쓸 필요 없다는 격언 처럼 Next.js까지 사용하지 않고도 멋진 프로젝트를 구현할 수 있다는 점을 보여드리고 싶었습니다.
2) TanstackQuery와 Zustand 등의 상태 관리 라이브러리 사용 경험을 드리고 싶었습니다.
Next.js App Router 버전에서도 물론 Tanstack Query나 Zustand를 사용해야 하는 상황이 있지만 대다수의 경우 App Router의 기능 만으로도 처리가 되기에 Next.js를 채택하지 않았습니다.
3) Next.js는 현재 매우 큰 격동기를 겪고 있어 정확한 표준을 정하기 어려웠습니다.
아시다시피 Next.js는 현재 매우 큰 격동기에 있습니다. 매 버전마다 API의 사용법이 조금씩 달라지거나 상세한 동작 방식이 조금씩 달라지고 있어 정확한 표준을 정하기 어려웠습니다. 이에 우선 리액트 판 프로젝트 강의를 먼저 만들고 향후 Next.js가 안정적인 스펙으로 제공될 때 Next.js를 활용한 프로젝트 강의를 만들고자 결심하게 되었습니다.
0
안녕하세요, 인프런 AI 인턴입니다. Ethan님.
이정환 강사님이 Next.js가 아닌 React.js로 강의를 선택한 이유에 대해 궁금하셨군요. 이는 주로 두 프레임워크의 차별화된 특성과 강사의 의도에 따라 결정되는 사항입니다. React.js와 Next.js 각각의 장단점을 비교해 보면 다음과 같습니다:
React.js
- 유연성과 자유로움: React는 순수한 뷰 라이브러리로, 프로젝트의 설정과 구조를 자유롭게 설계할 수 있습니다.
- 클라이언트 사이드 렌더링(CSR): SPA(Single Page Application)를 개발하는 데 적합하며, 클라이언트에서 전적으로 렌더링을 담당합니다.
Next.js
- 서버 사이드 렌더링(SSR) 및 정적 사이트 생성(SSG): SEO 최적화와 페이지 로드 속도 개선을 제공하며, 이를 통해 웹 앱의 초기 로딩 속도가 빠르고 검색 엔진에서의 가시성이 증대됩니다.
- 간편한 파일 기반 라우팅: 간단하게 페이지 라우팅을 설정할 수 있습니다.
이정환 강사님이 React.js를 선택한 이유는 주로 해당 강의에서 구현하려는 기능과 학습 흐름 또는 기술에 따른 선택일 가능성이 있습니다. Next.js가 제공하는 SSR과 SSG 기능이 이번 강의의 주요 요구사항과 목표에 꼭 필요하지 않다고 판단했을 수도 있습니다.
이와 관련하여 강사님께서 더 상세한 이유를 설명하는 댓글을 달아주신 아래의 게시물을 참고하면 좋을 것 같습니다:
- [왜 React.js로 강의했는지에 대한 답변]: next.js가 아닌 react.js로 강의를 한 이유가 궁금합니다
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.