30 lines (21 loc) · 1.13 KB

❓ ToDo List 사용설명서

React와 Typescript를 이용하여 제작한 간단한 Single Page Application(SPA)입니다.
Styled-Components을 사용해 CSS-in-JS 방식의 앱 디자인을 진행했습니다.
Axios를 이용한 api 서버와 통신하였습니다.
LocalStorage에 데이터를 저장하여 새로고침 후에도 데이터가 유지됩나다.
할 일 추가, 완료, 삭제 기능이 포함되어 있습니다.

설치 및 실행 방법

1. 저장소 코드 복제

git clone https://github.com/yerim08/ToDoList.git

2. 디렉토리 이동

cd ToDoList

3. 필요한 패키기 설치

npm install

4. 프로젝트 실행

npm start

기능 소개

할 일을 입력한 후 + 버튼을 누르면 할 일이 추가됩니다.
체크 박스를 누르면 할 일이 완료됩니다.
할 일을 삭제하려면 - 버튼을 누르면 됩니다.
새로고침 후에도 입력하거나 삭제하거나 완료된 할 일 목록이 유지됩니다.