Syw.Frontend

Next.js 기초 강좌 오픈 예정🌱: 처음부터 차근차근 알려드립니다

2025. 8. 27.

👁️ 36회 읽음

React 이후 한 단계 더 나아가고 싶으신가요? Next.js는 실무에서 가장 널리 쓰이는 프레임워크로, SEO 최적화, 서버사이드 렌더링, 라우팅 등 웹 서비스에 꼭 필요한 기능을 모두 제공합니다. 이번 기초 커리큘럼에서는 Next.js의 기본기를 쉽게 익히고, 작은 블로그 프로젝트를 직접 완성해보는 과정을 다룹니다.


✨ Next.js, 왜 배워야 할까요?

React만으로도 웹앱을 만들 수 있지만, 곧 한계에 부딪힙니다.

  • 페이지 이동을 직접 처리해야 하고,
  • 검색엔진 최적화(SEO) 문제가 남고,
  • 서버에서 데이터 불러오기도 쉽지 않습니다.

Next.js는 이런 부분을 기본 기능으로 제공하기 때문에, 개발자는 서비스 자체에 집중할 수 있습니다.


📚 이번 커리큘럼에서 다루는 내용

  1. Next.js 프로젝트 시작하기
    • Pages Router vs App Router
    • 파일 기반 라우팅 실습
  2. 데이터 패칭 이해하기
    • CSR, SSR, SSG, ISR 차이와 활용
  3. 레이아웃과 스타일링
    • 글로벌 스타일, SCSS, CSS 모듈
    • 공통 레이아웃 구성
  4. API Routes 체험하기
    • 서버 없이 간단한 백엔드 만들기
    • JSON 데이터 응답 실습
  5. 실전 미니 프로젝트
    • Next.js로 “기초 블로그 서비스” 직접 제작

👩‍💻 이런 분께 추천드립니다

  • React를 배우고 더 깊이 나아가고 싶은 분
  • 포트폴리오에 차별화된 프로젝트를 추가하고 싶은 분
  • SEO와 빠른 배포까지 고려한 서비스를 만들고 싶은 분

🚀 곧 공개됩니다!

이번 기초 커리큘럼은 단순한 문법 강의가 아니라, **“서비스 하나를 완성해보는 경험”**을 제공합니다.

FE 스쿨에서 곧 정식 공개될 예정이니 많은 기대 부탁드립니다 🙌