Next.js 기초 강좌 오픈 예정🌱: 처음부터 차근차근 알려드립니다
2025. 8. 27.
- #Next.js
- #React
- #프론트엔드
- #FE스쿨
- #입문강의
React 이후 한 단계 더 나아가고 싶으신가요? Next.js는 실무에서 가장 널리 쓰이는 프레임워크로, SEO 최적화, 서버사이드 렌더링, 라우팅 등 웹 서비스에 꼭 필요한 기능을 모두 제공합니다. 이번 기초 커리큘럼에서는 Next.js의 기본기를 쉽게 익히고, 작은 블로그 프로젝트를 직접 완성해보는 과정을 다룹니다.
✨ Next.js, 왜 배워야 할까요?
React만으로도 웹앱을 만들 수 있지만, 곧 한계에 부딪힙니다.
- 페이지 이동을 직접 처리해야 하고,
- 검색엔진 최적화(SEO) 문제가 남고,
- 서버에서 데이터 불러오기도 쉽지 않습니다.
Next.js는 이런 부분을 기본 기능으로 제공하기 때문에, 개발자는 서비스 자체에 집중할 수 있습니다.
📚 이번 커리큘럼에서 다루는 내용
- Next.js 프로젝트 시작하기
- Pages Router vs App Router
- 파일 기반 라우팅 실습
- 데이터 패칭 이해하기
- CSR, SSR, SSG, ISR 차이와 활용
- 레이아웃과 스타일링
- 글로벌 스타일, SCSS, CSS 모듈
- 공통 레이아웃 구 성
- API Routes 체험하기
- 서버 없이 간단한 백엔드 만들기
- JSON 데이터 응답 실습
- 실전 미니 프로젝트
- Next.js로 “기초 블로그 서비스” 직접 제작
👩💻 이런 분께 추천드립니다
- React를 배우고 더 깊이 나아가고 싶은 분
- 포트폴리오에 차별화된 프로젝트를 추가하고 싶은 분
- SEO와 빠른 배포까지 고려한 서비스를 만들고 싶은 분
🚀 곧 공개됩니다!
이번 기초 커리큘럼은 단순한 문법 강의가 아니라, **“서비스 하나를 완성해보는 경험”**을 제공합니다.
FE 스쿨에서 곧 정식 공개될 예정이니 많은 기대 부탁드립니다 🙌