[TID] 1114

·2023년 11월 14일
0

TID

목록 보기
3/8

1. 백준 4문제

  • 이분탐색 정복
    2467 용액, 2470 두 용액, 2110 공유기 설치

  • 딕셔너리
    10815 숫자카드

2. Tic-tac-toe 게임 추가 기능 구현 마무리

1) History 내림차순/오름차순 정렬 구현
2) Winner 색상 변경

3) 무승부 시 "Draw"표시

3. React로 사고하기
https://react-ko.dev/learn/thinking-in-react

  1. UI를 컴포넌트 계층 구조로 나눈 후 계층 구조로 정렬하기.
  2. React로 정적인 UI만들기
    정적인 UI는 state 필요없이, props를 이용한다. 단방향 데이터 흐름.
  3. 최소한의 완전한 UI state 찾기
    가장 중요한 원칙은 DRY (직접 반복하지 않기)
  4. state가 어디에 있어야할지 파악하기
    1) 해당 state를 기반으로 렌더링하는 모든 컴포넌트 찾기
    2) 가장 가까운 공통 상위 컴포넌트 찾기
    3) state 위치 결정
    4) 공통 부모 컴포넌트 혹은 더 상위에 state두기
  5. 역방향 데이터 흐름 추가하기
  • React에는 props와 state라는 두 유형의 '데이터 모델'이 있다.
    props는 함수가 전달받는 인자와 같고, state는 컴포넌트의 메모리와 같다.
profile
꾸준히 열심히 성실히

0개의 댓글