반응형
To Do List
프로젝트 설명
To Do List는 사용자가 해야 할 일들을 추가, 수정, 삭제할 수 있는 간단한 웹 애플리케이션입니다. 이 프로젝트는 JavaScript의 DOM 조작과 로컬 스토리지를 활용한 데이터 저장 방법을 사용할 것입니다. 또한, HTML과 CSS를 사용하여 사용자 친화적인 인터페이스를 제공하며, JavaScript를 통해 사용자 인터랙션을 처리합니다.
이 애플리케이션의 주요 기능은 다음과 같습니다:
- 사용자가 새로운 할 일을 입력하고 목록에 추가할 수 있습니다.
- 추가된 할 일을 클릭하여 완료 상태로 표시할 수 있습니다.
- 할 일을 수정하거나 삭제할 수 있습니다.
- 로컬 스토리지를 사용하여 할 일 목록을 브라우저에 저장하고, 페이지를 새로고침해도 데이터가 유지됩니다.
주요 기능
- 할 일 추가: 사용자가 입력한 할 일을 목록에 추가합니다.
- 할 일 완료: 할 일을 클릭하여 완료 상태로 표시합니다.
- 할 일 수정: 목록에 있는 할 일을 수정할 수 있습니다.
- 할 일 삭제: 할 일을 목록에서 삭제합니다.
- 로컬 스토리지 연동: 브라우저 로컬 스토리지를 사용하여 데이터가 유지되도록 합니다.
설치 및 실행 방법
- 이 저장소를 클론합니다:
git clone https://github.com/your-username/simple-to-do-list.git
- 프로젝트 디렉토리로 이동합니다:
cd simple-to-do-list
index.html
파일을 브라우저로 열어 애플리케이션을 실행합니다.
프로젝트 구조
simple-to-do-list/
│
├── index.html
├── style.css
└── script.js
기여 방법
- 이 저장소를 포크합니다.
- 새로운 브랜치를 생성합니다:
git checkout -b feature/your-feature
- 변경 사항을 커밋합니다:
git commit -m 'Add some feature'
- 브랜치에 푸시합니다:
git push origin feature/your-feature
- 풀 리퀘스트를 생성합니다.
라이선스
이 프로젝트는 MIT 라이선스 하에 배포됩니다. 자세한 내용은 LICENSE
파일을 참고하세요.
반응형
'Javascript 프로젝트 > 02_To Do List' 카테고리의 다른 글
[To Do List] 다음 단계 (0) | 2024.06.16 |
---|---|
[To Do List] 5단계: 단계별 진행 및 코드 주석과 Git 커밋 메시지 (0) | 2024.06.16 |
[To Do List] 4단계: 확장 가능한 프로젝트 구조 (0) | 2024.06.16 |
[To Do List] 3단계: 규칙 설정 (0) | 2024.06.16 |
[To Do List] 1단계: 프로젝트명과 설명 (0) | 2024.06.16 |