Nuxt.js 학습 목차

1. Nuxt.js 기본 개념

• Nuxt.js란 무엇인가
• Vue.js와의 차이점
• Nuxt의 주요 특징
• 프로젝트 생성 및 기본 구조

2. 프로젝트 설정 및 개발 환경

• Nuxt 프로젝트 생성 방법
• Nuxt CLI 사용법
• 개발 서버 실행 및 디버깅
• 웹팩 설정 이해

3. 라우팅과 페이지 관리

• 폴더 기반 라우팅 개념
• 페이지 컴포넌트 생성 및 등록
• 동적 라우팅 설정
• 레이아웃 시스템 활용

4. 서버사이드 렌더링 (SSR)

• SSR의 개념과 필요성
• 서버사이드 렌더링 구현 방법
• 데이터 fetching 및 렌더링
• SEO 최적화 방법

5. 미들웨어와 서버 함수

• 미들웨어 개념 및 사용법
• 서버 함수 작성 및 활용
• API 라우트 설정
• 인증 및 권한 관리

6. 컴포넌트 및 스타일링

• Vue 컴포넌트 작성 방법
• 스타일 모듈화 및 전처리
• CSS/SCSS 활용
• 글로벌 스타일 적용

7. 배포와 호스팅

• 정적 사이트 생성 (SSG)
• Nuxt 빌드 명령어
• 클라우드 호스팅 서비스 연동
• 배포 시 주의사항

8. 추가 기능과 실습

• 플러그인 활용
• 테마 커스터마이징
• 실전 프로젝트 실습
• API 연동 및 데이터 처리

이 목차를 기반으로 Nuxt.js의 기초부터 심화 내용까지 체계적으로 학습해 나가시면 좋을 것 같습니다. 각 항목별로 실습 예제도 함께 참고하시면 더욱 도움이 될 것입니다