- 타입스크립트 사용을 해보기위해 프로젝트의 처음부터 TS를 적용한 프로젝트를 작성해보기로 했다.
- 역시 가장 쉽게 접근할 수 있는 TODO 리스트를 만들어보기로 하였다.
- 상태에 저장하는 방식으로 간단하게 구현해본 뒤, 이후에 로컬스토리지를 서버처럼 사용하는 방식으로 진행하고자 한다.
컴포넌트
- 먼저 컴포넌트는 아래의 3가지 컴포넌트로 이루어지게 될 것 이다.
→ 추후에 추가 될 수도 있고.
- App.tsx
- Input.tsx
- TodoList.tsx
- Todo.tsx
구현 방식
- 먼저 Input.tsx에서 입력된 정보들을 App.tsx 의 상태에 저장하고, MemoList.tsx 에 전달하여 작성한 Todo의 데이터를 이용하여 갯수만큼 Memo.tsx 를 렌더링 하는 것으로 방향을 설정했다.
기능
- 개발에 앞서 어떤 기능을 구현해야할까 정리해보았는데, 이는 아래와 같다.
- Minimum
- Todo 추가하기
- Todo 삭제하기
- Advanced
- 중요도 표시하기
- MD 문법 적용하기
- 중요도 별 정렬하기
+
- 부트캠프를 수료하고 무력감, 우울감 이런 것들로 무언가 시작하는 것을 기피하게 되었는데, 결국 나 자신에게 독밖에 되지 않는걸 이제서야 깨닳았다.
- 열심히하자 열심히!!!!!!!!!!!!!!! 😇😇😇