React + TypeScript TodoList App - 실무형 타입스크립트 프로젝트 입문 - 완료본소스
2025. 12. 19. 10:52
web-todo-final.zip
37.5KB
React + TypeScript를 활용하여 실무 감각으로 “할 일 관리 앱(ToDo List)”을 직접 만드는 프로젝트 중심 과정입니다. 단순히 문법을 배우는 데 그치지 않고, 컴포넌트 구조 설계 → 상태 관리 → 타입 적용 → 기능 구현 → 로컬 스토리지 연동 → 배포까지 실제 서비스 형태로 완성하면서 타입스크립트의 활용 감각을 익힐 수 있습니다.
압축해제후 터미널에서 아래 명령어를 입력합니다.
npm install
vs-code등 에디터에서 오픈합니다.
터미널 명령어 실행
npm run dev
강의 바로가기 : https://inf.run/3ypjN
React + TypeScript 개발 환경 구성
UI 컴포넌트 구조 설계 및 상태 관리 기초
할 일 추가 / 완료 / 삭제 기능 구현
타입스크립트 활용 로직 최적화
리팩터링과 유지보수에 강한 코드 구조 설계
https://web-todo-ts.vercel.app/
할일의 제목을 입력하고 언제까지 완료할지 만기일을 선택후 추가버튼을 클릭합니다.
할일 제목을 클릭하여 완료로 전환해보세요.
수정 버튼을 클릭하고 할일 제목을 수정해보세요.
삭제 버튼을 클릭하여 할일을 삭제해보세요.
