유데미(Udemy) 러닝크루 / [ Next.js 15 & React - 완벽 가이드 ]

유데미 러닝크루 1기 및 스터디 리더를 맡아 진행하게 되었습니다. 

이번 스터디에서 진행할 강의는 'Next.js 15 & React - 완벽 가이드' 입니다.

 

강의는 외국인 강사님이 진행하시지만, 한글 자막이 제공되기 때문에 수강하는데 어려움은 없을 것 같습니다.

 

[한글자막] Next.js 15 & React - 완벽 가이드 

 

 

이 스터디는 총 10주 동안 진행되며, 매주 계획된 Section을 학습한 후, 포스팅을 통해 공부한 내용을 정리하고,

Q&A 시간을 가져 어려운 점이나 궁금한 점을 함께 공유할 예정입니다.

 

각 주차마다 Next.js 15 버전과 React를 활용해 애플리케이션을 구현하는 방법을 단계별로 배울 수 있습니다.

단순히 이론만 배우는 것이 아니라 실제 프로젝트를 통해 배운 내용을 실습으로 적용하는 과정도 포함되어 있어, 실무에 유용한 기술들을 익힐 수 있습니다.

 

강의에서 배울 수 있는 내용

이 강의에서는 Next.js의 기본 개념부터 고급 기능까지 폭넓게 다룹니다.

Next.js 프로젝트 생성, 파일 기반 라우팅, 동적/정적 페이지 렌더링(SSR/SSG), 데이터 페칭, 서버 액션을 통한 양식 제출 및 파일 업로드 처리 등을 실습합니다. 또한, 이미지 최적화, SEO 최적화, 풀스택 앱 구축, 상태 관리(React Context), 인증 기능 추가 방법을 배울 수 있습니다.

 

또한, 강의에서 React.js 복습 모듈과 Next.js 핵심 기능 요약을 통해 개념을 정리하고, 다양한 실습을 통해 실제 프로젝트에 적용할 수 있는 기술을 익힙니다.

 

 

 

Next.JS vs. React

React는 UI 구축을 위한 클라이언트 사이드 라이브러리로, 서버 사이드 기능(라우팅, 데이터 fetching 등)을 직접 구현해야 합니다.

반면, Next.js는 React를 기반으로 한 풀스택 프레임워크로, 서버 사이드 렌더링(SSR), 파일 기반 라우팅, API 라우트 등 다양한 기능을 내장하고 있어 백엔드와 프론트엔드를 하나의 프로젝트에서 쉽게 관리할 수 있습니다.

• React: 클라이언트 사이드 렌더링, 추가 라이브러리로 라우팅 처리
• Next.js: 서버 사이드 렌더링, 파일 기반 라우팅, 풀스택 개발 지원

Next.js는 React의 한계를 보완하며 SEO 최적화와 서버와 클라이언트를 원활히 연결하는 데 유리합니다. 풀스택 애플리케이션을 구축할 때는 Next.js가 더 적합하다고 할 수 있습니다.

 

 

 

 

——————————————————————————

* 유데미 큐레이션 바로가기 : https://bit.ly/3HRWeVL

본 후기는 유데미 러닝크루 1기 활동 일지 리뷰로 작성되었습니다.