노마드코더

span을 이용하여 counter를 + 1 처리해주고 있음UI에서 바뀐 부분만 업데이트 해주고 있음\-> 이전에 렌더링된 컴포넌트와 다음의 렌더링 될 컴포넌트를 확인함.\-> 전체를 reRendering 하지만 html에서 숫자만 업데이트 되고 있음modifier(se

useState를 보다 안정적으로 사용하기.. making converter

ReactJS는 자동으로 property(prop)들을 object안에 넣음. object를 함수에 전달이렇게 넣어주면...props를 모두 갖는 object를 가지게 됨props를 object에서 꺼낼 수 있음

\-> 하지만.. 바꾸는 부분은 첫번째 버튼인데버튼 클릭 시 전체를 렌더링 하고 있음 \--> Memo 를 사용하면 변하는 부분만 렌더링 할 수 있음버튼 클릭 시 변한 부분만 렌더링 해주고 있음어플리케이션의 성능을 개선 할 수 있음출처: ReactJS로 영화 웹 서비스

import 후 사용해주기src 폴더에 스타일 시트를 넣어줌js 파일에 import 해주기css 가 전역적으로 사용되는 문제 \-> 모듈별로 사용하자버튼에만 적용하고 싶은Button.module.css 생성적용하고 싶은 js에만 import해줌CRA는 css 코드를 j

만약 prop를 잘못 넘겨준다면.. 분명 잘못된 로직.. but 코드상 오류는 없어 버튼이 이상하게 노출됨 ->propType은 어떤 prop를 받고 있는지 체크해줌 propsType 추가 후, https://unpkg.com/react@17.0.2/umd/rea

why we need for Effects..? 버튼을 click 할때마다 count + 1 해주는 버튼을 만들다 버튼을 클릭할때마다 render를 출력 해주고 있음 -> state가 변화해도 render를 출력하고 싶지 않다면..?