[TIL022] 리액트 부트캠프 22일차

SEONG CHAN LEE·2024년 5월 16일

TIL

목록 보기
22/53

20240516 22일차

💻오늘 학습한 것 요약!

과제 마무리
리액트 강의 수강


강의 내용 간단 정리


  • 데이터가 연결 되어있다는 것은 바인딩

  • 제어컴포넌트에 익숙해지기

  • input으로 받은 모든 value는 string 타입

  • 숫자열로 형변환 parseInt도 써도 되지만 간단하게 앞에 + 붙이기

느슨한 비교와 엄격한 비교

  • 느슨한 비교 ==, >=
  • 엄격한 비교 ===, >==


    특수한 상황 아닌 이상 엄격한 비교로 작성하기!

리스트 렌더링 시에는 key값은 유니크하게!

가상 돔 (Virtual DOM)
가상돔 (기존) 가상돔 (신규) 두 돔을 비교하는 게 리액트가 하는 일
다른 것을 찾아서 브라우저에 렌더링 명령

<li key = {{ user }}>
...
</li>

위 처럼 작성하면 새로운 객체를 생성하기 때문에 키 값이 유효하지 않은 값으로 생성돼서 리렌더링 할 때마다 기존의 것도 렌더링 하기 때문에 가급적으로 유니크한 값으로 넣기

<li key = {{ user.id }}>
...
</li>

profile
Develop myself

0개의 댓글