메인메뉴로 이동 본문으로 이동

컨텐츠 내용

  1. 수강신청
  2. 과정정보

Next.js를 활용한 To-do List 어플리케이션 제작

과정 이미지
Next.js를 활용한 To-do List 어플리케이션 제작 과정정보
수강기간 365일
강의구성 8차시
교육비 무료
과정소개

Next.js를 활용하여 실용적인 웹 애플리케이션을 개발하고, PWA(Progressive Web App)로 발전시키는 과정을 학습합니다. To-Do List 앱 개발을 통해 상태관리, 데이터 저장, 타이머 기능 등 실전적인 웹 개발 기술을 익힙니다.

학습목표
- Next.js의 기본 구조와 핵심 기능 이해하기
- 실용적인 To-Do List 앱 개발을 통한 상태관리 학습
- 로컬스토리지를 활용한 데이터 영속성 구현기
- PWA 기술을 활용한 오프라인 지원 및 네이티브 앱 경험 제공
교육대상
- 웹 개발 입문자 및 React 기초 지식 보유자
- 모던 웹 개발 기술을 배우고 싶은 개발자
- PWA 개발에 관심 있는 프론트엔드 개발자
- 실무 프로젝트를 준비하는 취업 준비생
수료기준
수료기준
평가기준 총점
반영비율 100점
이수(과락)기준 60점
※ 수료기준은 각 평가항목의 점수가 수료기준 점수 이상이고 총점이 60점 이상이어야 합니다.
강의목차
차시 강의명
1차시 Next.js 설치 및 초기 프로젝트 구조 이해하기
2차시 Layout 구성 및 UI 설계 및 구현
3차시 상태를 이용한 화면 반복 렌더링
4차시 To-Do List 할일 추가 및 삭제
5차시 To-Do List 할일 수정기능 추가
6차시 데이터 영속성을 위한 로컬스토리지 활용
7차시 useEffect를 사용한 타이머 구현
8차시 PWA를 사용하여 웹앱 구성