프로젝트 링크(성공❤️): "올림픽 메달 트래커"로 이동하기

프로젝트 과정 및 트러블슈팅

1. 개인 프로젝트 : Olympic Medal Tracker - (1)레이아웃, CRD(Update빼고)기능, 입력 처리의 적정성 검증

"usestate' is not defined" 및 "react에서의 table사용"

2. 개인 프로젝트 : Olympic Medal Tracker - (2) Update 기능 및 컴포넌트 분리

"setAttribute is not a function"

3. 개인 프로젝트 : Olympic Medal Tracker - (3) 정렬 옵션 추가 및 로컬스토리지 활용

e.preventDefault() 남발

4. "Maximum Update Depth Exceeded" Error

KPT 회고

Keep - 현재 만족하고 있는 부분

1. 하루하고도 반나절만에 리액트 입문강의를 듣고 시작한 프로젝트라 두렵고 막막하기만 했는데, 막상 시작하니 CRUD 부분은 할만 했어서 자신감이 붙었다.
2. 저번 프로젝트에서 애를 먹었던 로컬 스토리지 부분이 이제 낯설지 않게 느껴졌다.
3. 리액트에서 props와 state의 개념의 사용법이 감이 잡히기 시작했다.

Problem - 불편하게 느끼는 부분

1. props, state, react-hooks 중 특히 훅의 개념 및 사용방법에 많은 문제 발생했다.
2. 바닐라 자바스크립트와 혼동하여 문법 작성(어떤 걸 쓸 수 있고 어떤 걸 못 쓰는지 판단을 잘 못함)했다.
3. 구현 중 스코프와 기본적인 함수를 다루는 부분이 매우 미흡했으며 코드 리팩토링도 만족스럽지 못했다.
4. 원하던 느낌의 메달 정렬 옵션 구현을 하지 못했다.

Try - Problem에 대한 해결책, 당장 실행 가능한 것

1. react-hooks의 개념을 공부한다.
2. 구현에 집착하지 말고 코딩 공부를 한다는 걸 잊지 말고 구현을 해냈다고 끝낼 것이 아니라 다시한번 코드를 보고 익히는 데 집중한다.
3. 주말에 한번 올림픽 메달 트래커를 복습하고 직접 다시 구현을 해서 못했던 부분도 다시 시도하여 완성해본다.