Skip to content

Commit

Permalink
step1
Browse files Browse the repository at this point in the history
  • Loading branch information
nerdyinu committed Oct 18, 2021
1 parent da63bdd commit 14bb925
Show file tree
Hide file tree
Showing 44 changed files with 89,542 additions and 23 deletions.
4 changes: 3 additions & 1 deletion .gitignore
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,9 @@ npm-debug.log*
yarn-debug.log*
yarn-error.log*
lerna-debug.log*

/**/**/node_modules
/**/**/.cache
/**/**/dist
# Diagnostic reports (https://nodejs.org/api/report.html)
report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json

Expand Down
53 changes: 31 additions & 22 deletions step1/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,25 +2,34 @@

- [ ] Javascript Framework가 등장한 배경에 대해 조사하기 (5문장 요약)
- [ ] Vue와 React의 장단점에 대해 비교하기 (5가지)
- [ ] Vue로 TodoList 만들기
- [ ] Vue CLI로 프로젝트 구성
- [ ] TodoList 만들기
- [ ] 목록
- [ ] 추가
- [ ] 수정
- [ ] 삭제
- [ ] 토글
- [ ] React로 TodoList 만들기
- [ ] CRA(Create React App)로 프로젝트 구성
- [ ] TodoList 만들기
- [ ] 목록
- [ ] 추가
- [ ] 수정
- [ ] 삭제
- [ ] 토글
- [ ] Vanilla Javascript로 TodoList 만들기
- [ ] 목록
- [ ] 추가
- [ ] 수정
- [ ] 삭제
- [ ] 토글
- [x] Vue로 TodoList 만들기
- [x] Vue CLI로 프로젝트 구성
- [x] TodoList 만들기
- [x] 목록
- [x] 추가
- [x] 수정
- [x] 삭제
- [x] 토글
- [x] React로 TodoList 만들기
- [x] CRA(Create React App)로 프로젝트 구성
- [x] TodoList 만들기
- [x] 목록
- [x] 추가
- [x] 수정
- [x] 삭제
- [x] 토글
- [X] Vanilla Javascript로 TodoList 만들기
- [X] 목록
- [X] 추가
- [X] 수정
- [X] 삭제
- [X] 토글

우선 vue.js는 이번에 처음 접해보았습니다. 아직 깊게 파고들어보지는 못했지만 리액트보다는 뭔가 조금 더 view쪽으로 다룰 수 있는 도구가 많아 보였습니다. react는 기본적인 기능만 구현하였고,
localStorage를 기본 state으로 parse해 오도록 하였지만 어쩐 일인지 기존에 Localstorage에 저장된 todoItem 중 첫번째 item id를 제대로 인식하지 못하여 수정,삭제가 불가능한
에러가 떴는데 아직 디버깅은 하지 못했습니다 ㅜㅜ 마지막으로는 바닐라 JS에서는 객체지향에 관한 글을 여러군데서 구글링을 해보면서 혼자 생각해보던 중에 MVC패턴이란 것을 발견하고 어느 정도의 영감? 을 받아서 한번
Model, Controller, View의 3가지 클래스로 구현...해보았지만, 사실 만들어놓고 보니 view와 controller의 역할은 대폭 축소된 것 같고, view는 렌더링에만 집중하고, model은
자료구조만 구현한다는 본래의 의미에서 벗어났다는 생각이 듭니다. 타입스크립트는 제가 공부를 해보고 싶어서 썼고, 딱히 진행하면서 크게 어려운 점은 없었습니다. 문제는 DOM쪽으로 넘어가거나 localstorage
쪽으로 가면 거의 무조건 as string...등으로 타입 고정을 시켜줘야 하는데, 거기서부터 사용이 불편하기 시작했지만 어쩔 때는 !(강제)를 써야한 적도 있었습니다. 다행히도 여러 임시방편으로 !를 쓰는 것만은
피할 수 있었습니다. 바닐라는 npm run start로 parcel로 실행하도록 했습니다. 바닐라 JS에 오류가 너무 많은데 지금 커밋 우선 하고 이번 주 내로 꼭 고치겠습니다.(중간고사ㅜㅜㅜ)

23 changes: 23 additions & 0 deletions step1/react-todo/.gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.

# dependencies
/node_modules
/.pnp
.pnp.js

# testing
/coverage

# production
/build

# misc
.DS_Store
.env.local
.env.development.local
.env.test.local
.env.production.local

npm-debug.log*
yarn-debug.log*
yarn-error.log*
1 change: 1 addition & 0 deletions step1/react-todo/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
#React-todo
Loading

0 comments on commit 14bb925

Please sign in to comment.