https://github.com/fivethreeeo/ts-vanilla-todolist
https://github.com/fivethreeeo/ts-vanilla-todolist
Last synced: 4 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/fivethreeeo/ts-vanilla-todolist
- Owner: fivethreeeo
- Created: 2022-08-29T02:41:18.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-09-21T02:17:58.000Z (over 3 years ago)
- Last Synced: 2023-08-04T19:25:36.485Z (over 2 years ago)
- Language: TypeScript
- Size: 375 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ts-vanilla-todolist
## 실행방법
```
yarn build
yarn dev
```
## 구현 내용
- 데이터를 관리하는 `Store` 와 화면을 표시하는 `View` 파일로 분리
- 공통으로 쓰이는 `enum`과 `type`를 파일로 분리
- type분리를 할 때 `d.ts` 형식 등 방법이 있는 것 같은데 `enum` 은 해당 `d.ts` 파일에 넣으면 에러가 나서 아직 학습이 더 필요할 것 같아서 일단 `ts` 파일로 분리했다.
- `TodoView`에서 `Store`를 파라미터로 받기 때문에 View에서 Store의 타입을 알고있어야 한다. 그래서 View에서 Store파일을 직접 import를 했는데 이게 좋은 방법인지 모르겠다. Store 전체 파일을 import 안해도 되는 방법이 있을 것 같아서 더 학습을 해봐야겠다.
#### 1. Create
- [x] 1-1. 할 일을 추가할 수 있다.
#### 2. Read
- [x] 2-1. 모든 할 일을 조회할 수 있다.
- [x] 2-2. (할 일, 완료된 일, 모두) 필터 기준으로 조회할 수 있다.
#### 3. Update
- [x] 3-1. 할 일의 내용을 수정할 수 있다.
- [x] 3-2. 할 일의 상태를 수정할 수 있다.
#### 4. Delete
- [x] 4-1. 할 일을 제거할 수 있다.