1. 백준 4문제
2. Tic-tac-toe 게임 추가 기능 구현 마무리
1) History 내림차순/오름차순 정렬 구현
2) Winner 색상 변경
![](https://velog.velcdn.com/images/zndnfjqbd/post/1f99f4ec-4a3b-47bd-af42-8505ca97e0dd/image.gif)
3) 무승부 시 "Draw"표시
![](https://velog.velcdn.com/images/zndnfjqbd/post/9475df4a-697e-439f-9aa5-053d748afc5f/image.gif)
3. React로 사고하기
https://react-ko.dev/learn/thinking-in-react
- UI를 컴포넌트 계층 구조로 나눈 후 계층 구조로 정렬하기.
- React로 정적인 UI만들기
정적인 UI는 state 필요없이, props를 이용한다. 단방향 데이터 흐름.
- 최소한의 완전한 UI state 찾기
가장 중요한 원칙은 DRY (직접 반복하지 않기)
- state가 어디에 있어야할지 파악하기
1) 해당 state를 기반으로 렌더링하는 모든 컴포넌트 찾기
2) 가장 가까운 공통 상위 컴포넌트 찾기
3) state 위치 결정
4) 공통 부모 컴포넌트 혹은 더 상위에 state두기
- 역방향 데이터 흐름 추가하기
- React에는 props와 state라는 두 유형의 '데이터 모델'이 있다.
props는 함수가 전달받는 인자와 같고, state는 컴포넌트의 메모리와 같다.