목차 *피드백은 언제나 환영합니다🙌 토이프로젝트를 시작하게 된 계기 1. 계속 이론적인 부분만 공부하다보니 잘 와닿지 않았다. 리액트 공식문서도 찾아보고 여러 강의도 들었지만 단순히 따라치는 것 같은 느낌이 들어 아쉬웠다. 2. 모든 개념을 완벽하게 알고 프로젝트를 시작해야 할 것 같은 생각이 있었다. 하지만 공부하다보니 시험처럼 범위가 있는 것도 아니고 정해진 분량이 있는게 아니라 끝이 없을 거 같았다... 그래서 언제까지고 미룰 순 없을 거 같아 시작하게 됐다. 첫 토이 프로젝트로 선택한 것은 뽀모도로 타이머와 투두리스트이다. 어떤 걸 토이 프로젝트로 하면 좋을지 생각해봤는데 리액트를 배운지 한 달 밖에 되지 않은 시점에서 너무 어려운 프로젝트를 하는 것 보단 간단한 걸 해보는게 도움이 될 것 같았다. 근데 직접해보니 간단하지 않았음 바닐라 JS로 만든 투두리스트 사실 투두리스트는 예전에 바닐라 JS로 만들어 본 적이 있다. 노마드코더님 챌린지에 참가해서 만들었었는데 이번엔 리액트로 만들어보았다. 먼저 결과물은 이렇다. 하면서 디자인을 어떻게 해야하나 고민이 많았다. 돌이켜보면 왜 그렇게 시간을 썼는지 모르겠는데 만들어놓고 보니까 시간 들이길 잘 한 것 같기도 하다🤔 앞으로 이 프로젝트를 하면서 느꼈던 점, 새로알게된 점, 부족하다고 생각했던 점들을 중심적으로 적을 것이다. 기술적인 부분은 책이나 강의에 많이 나와있기 때문에 디테일하게 설명하진 않을 듯? 다른 사람이 보기에는 간단한 프로젝트라고 생각할 지 모르지만 나는 쉽지않다고 느꼈다😭 코딩도 중요하지만 계획을 꼼꼼하세 세우는 것+욕심 부리지 않고 계획대로 하는 것이 매우매우(특히 두번째) 중요하다는 것을 알았다. 중간에는 힘들 때도 많았는데 끝내고 보니 뿌듯하다. 공유하기 게시글 관리 구독하기재잘재잘 테크노트 저작자표시 'Toy Project > Time to focus' 카테고리의 다른 글 [React] #6 뽀모도로 타이머 + 투두리스트: 투두리스트 (2) - 할 일 목록 삭제, 완료 체크, 수정 기능 (0) 2022.09.28 [React] #5 뽀모도로 타이머 + 투두리스트: 투두리스트 (1) - 할 일 목록 추가 (1) 2022.09.23 [React] #4 뽀모도로 타이머 + 투두리스트: 시계 기능 개발 / 에러해결 (Uncaught Error: Objects are not valid as a React child (found: [object Date]). If you meant to render a collection of children, use an array instead.) (1) 2022.09.20 [React] #3 뽀모도로 타이머 + 투두리스트: Router와 Link (0) 2022.09.19 [React] #2 뽀모도로 타이머 + 투두리스트: 프로젝트 소개 / 기획하기 (1) 2022.09.16 목차 목차 닫기