나름 중요하다고 생각하는 강의에 대한 궁금점 질문 드려요~
이정환 쌤 강의는 무조건 다 듣는 프론트 개발자 학생입니다. 근데, 궁금한점이 있어 질문드려요. 리액트 강의부터 하시고, 그다음 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로 강의를 한 이유가 궁금합니다
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
useMutation 적용 후 새로운 글 등록시 content가 안보여요
0
32
2
6.8 zustand 세션 질문입니다.
0
74
2
next.js 강의에서도 리액트 라이브러리들을 다뤄주시나요?
0
60
2
shadcn에서 radix ui와 base ui 차이는 뭔가요?
0
215
2
updateTodo 함수 생성시 화살표 함수 사용 안하는 이유
0
63
2
4.11 바로 투두 삭제가 안됨 질문
0
75
3
매개변수 updatedTodo 관련 질문
0
57
3
인증 정보가 만료되었을 때 라우트 가드 처리가 궁금합니다!
0
73
2
supabase를 사용하지 않을 경우 세션 데이터의 변경을 감지하고 스토어에 보관하는 방법이 궁금합니다!
0
60
2
4.6 id를 string으로 변경시 오류
0
55
2
리액트 타입스크립트 관련 질문있습니다.
0
54
1
소셜 로그인 구현하기 관련하여 질문이 있습니다!
0
88
2
ui 파일 질문드립니다.
0
65
1
tanstack query devtools에서 질문있습니다!
0
58
2
댓글 삭제 시 isPending 질문
0
56
2
두번째 예외상황에 대해 질문있습니다!
0
56
1
리액트 쿼리 질문입니다
0
57
2
개발자도구에서 components 가 안보입니다.
0
81
3
state 관리에 대한 정리
0
70
3
[(2.4) Shadcn/ui를 소개합니다] 강의 Shadcn 세팅 관련 질문 있습니다.
0
150
3
like 테이블에서 왜 create_at이 필요한지 궁금합니다.
0
67
1
삭제가 바로 안되네요ㅠ
0
56
2
access 토큰은 꼭 소셜서버로부터 받아서 사용해야만하나요?!
0
72
2
전역 모달이 여러 개일 경우 모달 프로바이더는 몇 개가 필요한가요?
0
56
1