Svelte Todo 앱

이 프로젝트는 Svelte를 사용하여 만든 간단한 Todo 앱입니다. 초보자를 위한 자세한 설명이 포함되어 있습니다.

프로젝트 구조

svelte-todo/
├── public/          # 정적 파일들
├── src/             # 소스 코드
│   ├── components/  # 컴포넌트
│   ├── App.svelte   # 메인 앱 컴포넌트
│   └── main.js      # 앱 진입점
├── index.html       # HTML 템플릿
├── vite.config.js   # Vite 설정
└── package.json     # 프로젝트 의존성

시작하기

1. 의존성 설치:

   npm install
   

2. 개발 서버 실행:

   npm run dev
   

3. 빌드:

   npm run build
   

주요 기능

• Todo 항목 추가
• Todo 항목 삭제
• Todo 항목 완료 표시
• Todo 항목 수정

사용된 기술

• Svelte: 프론트엔드 프레임워크
• Vite: 빌드 도구
• CSS: 스타일링

학습 포인트

1. Svelte 컴포넌트 구조
2. 반응형 데이터 관리
3. 이벤트 핸들링
4. CSS 스타일링
5. 컴포넌트 간 데이터 전달