고니의 개발 일지📚

노마드코더의 ReactJS로 영화 웹 서비스 만들기 강의 중 일부분을 듣고 정리한 내용입니다. 유용한 자바스크립트 문법 const food = ["tomato", "potato"] // 배열 선언 이때, "tomato", "potato"를 변수에 저장하고 싶을 때는 어떻게 해야할까요? const tomato = food[0]; const potato = food[1]; 와 같이 배열의 index를 이용해서 배열의 요소들을 저장할 수 있습니다. 그러나 자바스크립트에서는 이것보다 더 쉽고 유용한 방법이 있습니다! const [myFavFood, mySecondFood] = food; 이러한 표현을 사용하면, myFavFood => "tomato" mySecondFood => "potato" 가 저장이 됩니다..

index.html [니꼬쌤 코멘트] - 이 코드는 완전 perfect한 코드가 아님. *****React의 강점 : countUp()이 호출될 때 counter 변수가 증가하고 다시 render()를 호출하면, vanilla js의 경우 counter뿐만 아니라 div, span 태그까지 모두 리렌더링 함 React에서는 Countainer 컴포넌트를 전체를 리렌더링 하지만, 사실 HTML 코드에서는 counter(숫자)만 변화한다!!! 바뀐 부분을 리렌더링 할 경우, 전체를 전부 생성할 필요 없이 바뀐 부분만 새로 생성할 수 있도록 도와주기 때문에 굉장히 유용하다~~ 참고 : #3.1 setState part One – 노마드 코더 Nomad Coders All Courses – 노마드 코더 Noma..