📝 To-Do List

HTML, CSS, JavaScript로 만든 간단한 일정 관리 웹앱입니다.

프로젝트명

JavaScript To-Do List

• 반응형 디자인: 모바일 친화적 UI 구현
• 실시간 시계: 현재 시간 표시 기능
• 로컬 저장소: localStorage를 활용한 데이터 보존
• 사용자 친화적 UI: 깔끔하고 직관적인 인터페이스
• 경량 스택: 순수 JavaScript로 구현

프로젝트 개요

이 프로젝트는 2024년에 제작한 JavaScript 기반의 할 일 관리 웹 애플리케이션입니다. 할 일 추가/삭제 기능과 함께 실시간 시계 기능도 포함되어 있으며, 개인적으로 사용하기 위해 만들었지만 깔끔한 구조와 기본 기능들을 갖추고 있습니다.

배포 사이트: https://chdev-kr.github.io/2024-javascript-todolist/

데모 영상

주요 기능

• 실시간 시계: 현재 시간(시/분/초) 실시간 표시
• 일정 관리: 할 일 추가 및 삭제 기능
• 사용자 친화적 UI: 깔끔하고 직관적인 인터페이스
• 반응형 디자인: 다양한 디바이스에서 최적화된 사용자 경험
• 로컬 저장소: 브라우저의 localStorage를 활용한 데이터 보존

파일 구조

2025-javascript-todolist/
├── index.html          # 메인 웹 페이지
├── style.css           # 스타일시트
├── script.js           # JavaScript 로직
├── images/             # 이미지 리소스
├── .vscode/            # VS Code 설정
└── README.md           # 프로젝트 문서

사용 기술

• Frontend: HTML, CSS, Vanilla JavaScript
• 배포: GitHub Pages
• 개발 도구: VS Code
• 데이터 저장: localStorage API

주요 특징

• 실시간 시계 기능: 현재 시간을 실시간으로 표시하여 사용자에게 시간 정보 제공
• 간단한 일정 관리: 할 일 추가/삭제의 핵심 기능 구현
• 로컬 데이터 저장: 브라우저 새로고침 후에도 데이터 유지
• 깔끔한 UI: 사용자 친화적인 인터페이스 설계
• 경량 스택: 순수 JavaScript로 구현하여 빠른 로딩 속도

개발 배경

개인적인 일정 관리를 위한 간단한 웹 애플리케이션이 필요하여 제작했습니다. 복잡한 프레임워크 없이 순수 JavaScript만으로 구현하여 학습 목적과 실용성을 모두 고려한 프로젝트입니다.

프로젝트 특징

• 정적 웹사이트: GitHub Pages를 통한 정적 호스팅으로 빠른 로딩 속도
• 순수 JavaScript: 외부 라이브러리 없이 Vanilla JavaScript로 구현
• 사용자 중심: 개인 사용을 위한 실용적인 기능 중심 설계
• 학습 목적: JavaScript 기초 문법과 DOM 조작 학습에 적합

---

개발자: chdev-kr
개발 연도: 2025년