js 토이 프로젝트 to do list

주요 로직만 구현했다.

ToDo List는 할 일 목록을 관리하는 어플리케이션입니다. 사용자가 추가한 할 일들을 목록으로 보여주고, 완료된 할 일을 체크할 수 있으며, 필요에 따라 할 일을 삭제할 수도 있습니다.

ToDo List를 구현하기 위해서는 다음과 같은 동작들을 구현해야 합니다.

1. 할 일 추가하기: 사용자가 새로운 할 일을 입력하여 ToDo List에 추가하는 동작입니다. 이 때, 입력한 할 일은 ToDo 객체로 만들어 ToDo List에 추가됩니다.

2. 할 일 삭제하기: 사용자가 ToDo List에서 삭제할 할 일을 선택하여 삭제하는 동작입니다.

3. 할 일 체크하기: 사용자가 ToDo List에서 완료된 할 일을 체크하는 동작입니다. 이 때, 체크된 할 일은 화면에 표시되는 방식이나 처리방법은 다를 수 있습니다.

4. 할 일 목록 보여주기: ToDo List에 추가된 모든 할 일들을 화면에 표시하는 동작입니다. 보통은 리스트 형태로 표시되며, 각 할 일은 제목(title)과 완료 여부(completed) 정보를 가지는 ToDo 객체입니다.

위와 같은 동작을 구현하기 위해서는 다음과 같은 작업이 필요합니다.

1. ToDo 객체 생성하기: 할 일 정보를 담고 있는 ToDo 객체를 생성합니다. 이 때, ToDo 객체는 할 일 제목(title)과 완료 여부(completed) 정보를 가지는데, 완료 여부 정보는 초기값으로 false를 가집니다.

2. ToDo List 객체 생성하기: ToDo 객체들을 관리하는 ToDo List 객체를 생성합니다. ToDo List 객체는 ToDo 객체들의 배열을 가지고 있으며, ToDo 객체들을 추가/삭제하는 메소드를 제공합니다.

3. ToDo 추가하기: 사용자가 입력한 할 일을 ToDo 객체로 만들어 ToDo List에 추가합니다.

4. ToDo 삭제하기: 사용자가 선택한 ToDo 객체를 ToDo List에서 삭제합니다.

5. ToDo 체크하기: 사용자가 선택한 ToDo 객체의 완료 여부(completed)를 변경합니다.

6. ToDo 목록 보여주기: ToDo List 객체에 저장된 ToDo 객체들을 화면에 표시합니다.

위와 같은 방식으로 ToDo List를 구현하면, 사용자가 입력한 할 일을 목록으로 관리하고, 필요에 따라 삭제하거나 완료 여부를 체크할 수 있습니다.