📌 강의

🔹 주로 다루게 될 것

• Do

  • Next.js
  • 웹서비스를 만드는 방법
  • 프론트엔드 개발자에게 도움이 될 꿀팁

• Don’t

  • React 에 대한 기초 지식

🔹 진행 방식

1. Next.js 기본 학습
   간단한 토이 프로젝트 제작 실습

2. Next.js 심화 학습

3. 포트폴리오를 대비한 커머스 서비스 제작 실습

4. 4~5 강의마다 Recap

5. 큰 챕터가 끝날 때마다 꿀팁 공유

🔹 얻어 가야할 것

• Next.js 에 대한 이해
• 포트폴리오를 만들 수 있는 실력과 자신감
• 더 나은 프론트엔드 개발자가 되기

🔹 100% 활용법

• 개념 ⇒ 실습 ⇒ 개념 ⇒ 실습 반복
• 배우는 내용으로 뭘 어떻게 만들지 고민
• 코드는 꼭 따라치기 반복
• (나만의 프로젝트를 꼭 만들어보기)

📌 그 외

🔹 프론트엔드 개발자란

• 비즈니스 로직 구성 (백엔드 API에서 가져온 데이터의 입출력을 통한)
• 사용자 인터페이스 부분(사용자와 대화) 작업

🔹 Tips

• 웹사이트의 개발자 도구를 열고

  • document.designMode=”on” 입력 시

    웹사이트에 바로 텍스트 수정 가능
    

  • document.designMode=”off” 입력 시

    수정한 상태에서 더 수정 불가

---

참고

• Nextjs 완전 정복 : 확장성 높은 커머스 서비스 구축하기 - 최지민