[개인과제] Olympic Medal Tracker 만들기

• 리액트 입문주차 개인과제가 주어졌다.
• 프로젝트 목표에 나와있듯이 리액트의 state와 props의 사용에 대해 알아가는 과제다.

---

1. 프로젝트 셋업

npm create vite@latest

• npm으로 프로젝트를 만든 후
  언어는 React와 JavaScript를 선택했고
  패키지가 만들어진 후 npm i를 입력하여 모든 패키지를 설치했다.

---

2. 기본 레이아웃 구성

• 이전에 실습해본적이 있기 때문에,
  컴포넌트별로 나눠주는것은 어렵지 않았다.

---

3. UI

• 창의력 정말 없다.
  이전 프로젝트와 같이 예시를 그대로 따라했다.

이제 로드맵과 필수구현사항을 보며 완성해가보자!

---

회고

과제가 주어지기전까지 리액트를 복습하며 다짐했었다.
이번에는 지난번보다 더욱 잘해보자고...
복습을 할 때, 코드를 보면 이해가 되니까 자신감이 생겼었나보다.
눈으로만 본 것도 아니었고, 가벼운 프로젝트도 했었으니까 말이다.

근데...

과제를 마주한 후, 그 생각들은 여지없이 무너졌다.
위에 보이는것처럼 UI구성까지는 어렵지 않았는데
state와 props를 도대체 어떻게 만져야 하는지 모르겠는것이었다.

손을 댈 수 조차 없었고, 머릿속이 새하얗게 됐다.
대체 그동안 나는 무엇을 했나 싶으면서, 이 과제를 대체 어떻게 해나가야하는가...
라는 생각이 강하게 들었다.

머릿속에 있는것을 코드로 작성하는데까지 시간이 좀 걸릴것같다.
분명 난 공부를 했고, 지금도 코드를 보면 이해는 간다.
근데 그게 중요한게 아니라 코드를 작성해서 구현해내야만 한다.

아직 시간이 있으니...
천천히 해보자...

그럼이만