TS로 TODO 리스트 만들기 시작!

최경락 (K_ROCK_)·2022년 5월 26일
0
  • 타입스크립트 사용을 해보기위해 프로젝트의 처음부터 TS를 적용한 프로젝트를 작성해보기로 했다.
  • 역시 가장 쉽게 접근할 수 있는 TODO 리스트를 만들어보기로 하였다.
  • 상태에 저장하는 방식으로 간단하게 구현해본 뒤, 이후에 로컬스토리지를 서버처럼 사용하는 방식으로 진행하고자 한다.

컴포넌트

  • 먼저 컴포넌트는 아래의 3가지 컴포넌트로 이루어지게 될 것 이다.
    → 추후에 추가 될 수도 있고.
  1. App.tsx
  2. Input.tsx
  3. TodoList.tsx
  4. Todo.tsx

구현 방식

  • 먼저 Input.tsx에서 입력된 정보들을 App.tsx 의 상태에 저장하고, MemoList.tsx 에 전달하여 작성한 Todo의 데이터를 이용하여 갯수만큼 Memo.tsx 를 렌더링 하는 것으로 방향을 설정했다.

기능

  • 개발에 앞서 어떤 기능을 구현해야할까 정리해보았는데, 이는 아래와 같다.
  • Minimum
    1. Todo 추가하기
    2. Todo 삭제하기
  • Advanced
    1. 중요도 표시하기
    2. MD 문법 적용하기
    3. 중요도 별 정렬하기

+

  • 부트캠프를 수료하고 무력감, 우울감 이런 것들로 무언가 시작하는 것을 기피하게 되었는데, 결국 나 자신에게 독밖에 되지 않는걸 이제서야 깨닳았다.
  • 열심히하자 열심히!!!!!!!!!!!!!!! 😇😇😇

0개의 댓글