20240516 22일차
과제 마무리
리액트 강의 수강
데이터가 연결 되어있다는 것은 바인딩
제어컴포넌트에 익숙해지기
input으로 받은 모든 value는 string 타입
숫자열로 형변환 parseInt도 써도 되지만 간단하게 앞에 + 붙이기
느슨한 비교와 엄격한 비교
- 느슨한 비교 ==, >=
- 엄격한 비교 ===, >==
특수한 상황 아닌 이상 엄격한 비교로 작성하기!
리스트 렌더링 시에는 key값은 유니크하게!
가상 돔 (Virtual DOM)
가상돔 (기존) 가상돔 (신규) 두 돔을 비교하는 게 리액트가 하는 일
다른 것을 찾아서 브라우저에 렌더링 명령<li key = {{ user }}> ... </li>위 처럼 작성하면 새로운 객체를 생성하기 때문에 키 값이 유효하지 않은 값으로 생성돼서 리렌더링 할 때마다 기존의 것도 렌더링 하기 때문에 가급적으로 유니크한 값으로 넣기
<li key = {{ user.id }}> ... </li>