완료된 작업 표시/숨기기

초기 모드

To Do List에는 두 가지 작업 표시 모드가 있습니다:

• 모든 작업 표시(기본값)
• 완료된 작업 숨기기

시작 시 완료된 작업을 숨겨 사용자가 미완료 작업에 집중할 수 있도록 하세요. taskShape.completed.taskHide를 true로 설정합니다. 자세한 내용은 taskShape 레퍼런스를 참고하세요. 아래 예제는 초기화 시 완료된 작업을 숨깁니다:

const list = new ToDo("#root", {
    tasks,
    taskShape: {
        completed: {
            behavior: "manual",
            taskHide: true
        }
    }
});

모드 전환

초기화 이후 두 가지 방법으로 모드를 전환할 수 있습니다:

• 도구 모음 메뉴의 완료된 작업 → 표시/숨기기 옵션을 통해
• hideCompletedTasks() 및 showCompletedTasks() 메서드를 통해

아래 코드는 런타임에서 완료된 작업을 숨기거나 표시하는 방법을 보여줍니다:

list.hideCompletedTasks();
// 또는
list.showCompletedTasks();