잡초의 일지

섹션 4, 5 State title을 변수로 놓아도 변경사항이 DOM에 적용되지 않는다. → DOM을 초기에 한번만 랜더링 하기 때문에. UI에 변경사항을 적용하려면 useState라는 리액트훅을 사용한다. → 컴포넌트 안에 넣어야 한다. → 배열을 리턴한다. 첫번째 요소 : 값. 현재 상태 두번째 요소 : 함수. 업데이트 된 상태 → state가 등록된 컴포넌트를 다시 읽고 UI를 업데이트 한다. → 컴포넌트 인스턴스 단위이기 때문에 업데이트 하면서 다른 요소들에게 영향을 미치지 않는다. 하나의 컴포넌트 안에 여러개의 state 슬라이스 그냥 여러번 호출하면 됌 2. 객체로 받기 → 객체의 모든 요소를 업데이트 해 주어야 함 이전값에 의존하여 변경하기 → 그냥 오버라이드 하지 않고 이전 상태에 의존하여..

섹션 2, 3 자바스크립트 복습 태그 안에 js를 넣는다 js 코드를 태그 안에 넣지 않고 src=”js파일경로” 로 js파일을 넣을 수 있다 src=”js파일경로” defer defer를 사용하면 해당 페이지가 모두 로딩 된 후 외부 스크립트가 실행된다 src=”js파일경로” type=”module” type=”module”은 js파일을 모듈처럼 취급한다 → import 사용 가능 빌드를 할 때, React의 빌드 프로세스가 자동으로 script를 넣어주고 사용자가 다운받에 최적화된 형태로 js를 바꿔준다 let과 const → const가 변경 불가한게 아니라 덮어쓸 수 없다는것! Arrow funtions function의 여러가지 표현 방식 객체를 리턴할 때는 꼭 () ⇒ ({}) 로 중괄호를 묶..