nextjs 4

[유데미 러닝크루] Next.js 스터디 5주차 - Next.js 배포 실전 마스터 가이드 (표준 빌드, 정적 배포, Vercel 실습까지)

📑 목차 1) 5주차 진행 범위 & Udemy 강의 소개 2) 5주차 학습 정리 — Next.js 배포 과정 — 1️⃣ next build vs next export — 2️⃣ 빌드 결과 읽기 & 재배포 필요성 — 3️⃣ fallback 개념 — 4️⃣ next.config.js 핵심 — 5️⃣ 환경변수 & 단계별 분기 — 6️⃣ 번들 최적화(하이라이터) — 7️⃣ 로컬 프로덕션 테스트 — 8️⃣ GitHub × Vercel 배포 — 9️⃣ MongoDB 연결 오류 해결 — 🔟 수정 후 자동 재배포 🔥 최종 정리 1. 5주차 진행 범위 📝 세션..

[유데미 러닝크루] Next.js 스터디 3주차 – Next.js와 Lucia로 로그인부터 세션 관리까지, 인증 시스템 구현

📑 목차 1) 3주차 진행 범위 & Udemy 강의 소개 2) 3주차 학습 정리 — Next.js × Lucia 인증 1️⃣ 사용자 계정 생성(Signup) 2️⃣ 로그인(Login) 3️⃣ Lucia 세션 관리 4️⃣ 로그아웃 5️⃣ 로그인/회원가입 모드 전환 🔥 최종 점검 체크 1. 3주차 진행 범위 📝 세션 5 ~ 11 강의까지 진행 [Udemy 강의 소개] 이번 스터디에서 수강하는 강의는 【한글자막】 Next.js 15 & React - 완벽 가이드이다. 이 강의에서는 Next.js 15를 기초부터 학습하고, 앱 라우터 & 페이지 라우터를 활용..

[유데미 러닝크루] Next.js 스터디 2주차 – 리액트 서버 컴포넌트 vs 클라이언트 컴포넌트

📑 목차1) 2주차 진행 범위 & Udemy 강의 소개2) 2주차 학습 내용 정리 (Next.js 핵심)1️⃣ 서버 vs 클라이언트 컴포넌트2️⃣ 서버 컴포넌트 동작 방식3️⃣ 클라이언트 컴포넌트가 필요한 경우4️⃣ usePathname()으로 내비 상태5️⃣ 클라이언트 컴포넌트 효율 사용 & 한계🔥 최종 정리 1. 2주차 진행 범위 & Udemy 강의 소개📌 2주차 진행 범위📝 세션 3 ~ 4 강의까지 진행[Udemy 강의 소개]이번 스터디에서 수강하는 강의는 【한글자막】 Next.js 15 & React - 완벽 가이드이다.이 강의에서는 Next.js 15를 기초부터 학습하고, 앱 라우터 & 페이지 라우터를 활용하여 풀스택 앱을 구축하는 방법을 배울 수 있다.💡 강의 정보강의명: 【한글자막】..

[유데미 러닝크루] Next.js 스터디 1주차 – 스터디를 시작한 이유와 React 기본 개념 정리

목차1. 스터디를 시작한 이유2. 강의 전 사전 학습 자료3. Udemy 강의 소개4. 1주차 진행 범위5. 1주차 학습 내용 정리6. 추가 정리 – 함수/컴포넌트 네이밍 규칙 1. 스터디를 시작한 이유프론트엔드 개발자로 취업을 준비하면서 실무 경험 위주의 개발을 해왔다.주어진 요구사항을 빠르게 구현하는 것에는 익숙하지만, 이론적으로 부족한 부분이 많다고 느꼈다.예를 들어, 상태 관리, 성능 최적화, 서버 사이드 렌더링(SSR) 등의 개념을 깊이 이해하지 않고 단순히 구현했던 경우가 많았다.그러던 중, 친구가 Udemy 러닝크루에 참여하면서 Next.js 강의를 함께 공부하자는 제안을 했다.마침 Udemy에서 할인 쿠폰을 제공해주어 좋은 기회라고 생각했고, 이론적으로 부족했던 부분을 채우기 위해 스터디에..