궁극의 Next.js 14 포트폴리오 웹사이트 (기초부터 전문가까지)

이 강의에서 저는 Next.js 14, React.js, Tailwind CSS, 그리고 Nodemailer를 사용하여 완벽하고 현대적이며 전문적인 포트폴리오 웹사이트를 구축하는 과정을 단계별로 안내해 드릴 것입니다. 학생들이 복잡한 프론트엔드 개념을 이해하도록 도왔던 저의 경험을 바탕으로, 명확한 설명과 실제 사례, 그리고 실질적인 구현에 집중합니다. 단순히 이론을 설명하는 데 그치지 않고, 프로젝트 설정부터 최종 배포까지 모든 과정을 함께 구축하며 기술이 왜, 그리고 어떻게 작동하는지 완전히 이해할 수 있도록 돕습니다. 여러분은 App Router, 파일 코로케이션(file colocation), 프라이빗 및 다이내믹 라우트, 네비게이션, 레이아웃, 메타데이터, 로딩 상태를 포함한 Next.js 14의 핵심 개념을 배우게 됩니다. 기본 개념이 명확해지면 동적 콘텐츠, 부드러운 스크롤 애니메이션, 다운로드 가능한 PDF 파일, 그리고 스크롤 상태에 따라 작동하는 CTA(Call-to-Action) 버튼을 갖춘 전체 포트폴리오 웹사이트를 제작할 것입니다. 강의가 끝날 때쯤 여러분은 Vercel에 웹사이트를 배포하고 GitHub에 소스 코드를 공개하게 되며, React 라우팅과 Next.js 라우팅의 차이점을 확실히 이해하고 실제 서비스 가능한 수준의 애플리케이션을 구축하는 방법을 알게 될 것입니다. Next.js에 대한 사전 경험은 필요하지 않습니다.