index.ts 파일의 코드는 할 일 관리 앱을 가정하여 제작했습니다. 언어나 프레임워크를 배울 때 많이 제작하게 되는 할 일 관리 앱의 축소판입니다. 일반적으로 할 일 관리 앱은 조회, 등록, 삭제, 수정 기능을 각각의 함수로 분리해서 관리합니다. 이 실습 코드에서는 사용자 입력을 받아 화면을 제어하는 부분을 제외하고 할 일 목록이라는 데이터 관점에서 조작하는 부분만 간단하게 작성했습니다.

할 일 목록은 보통 서버에서 저장된 데이터를 HTTP 요청을 통해 가져오는데, 이 부분은 HTTP 요청이나 서버에 이해가 없는 사람들을 배려하여 fetchTodoItems() 함수를 호출하면 할 일 목록 데이터를 바로 반환할 수 있게 구현해 놓았습니다.

fetchTodos() 함수는 fetchTodoItems() 함수의 호출 결과를 todoItems 변수에 담아 주는 역할을 합니다. 마치 일반적인 화면을 제작하려고 API 함수와 로직 함수의 호출 결과를 설정하는 함수를 분리해 놓은 구조입니다. let으로 선언된 todoItems는 할 일 목록의 데이터가 담길 변수입니다.