React

import React from "react"; : 리액트 컴포넌트를 만들땐 리액트를 불러와야 한다.export default Hello; : 'Hello'라는 컴포넌트를 내보내겠다는 의미컴포넌트 : 일종의 UI 조각으로 쉽게 재사용할 수 있다.ReactDOM.rend

App 컴포넌트에서 Hello 컴포넌트를 사용name이라는 값을 전달Hello 컴포넌트에서 name값을 사용하고 싶을 때,컴포넌트에게 전달되는 props는 피라미터를 통해 조회props는 객체 형태로 전달name 값을 조회하고 싶다면 props.name으로 조회Hell

컴포넌트에서 보여줘야 하는 내용이 사용자 인터랙션에 따라 바뀌어야 할 때 어떻게 구현할 수 있을까?리액트 16.8 이전 버전 : 함수형 컴포넌트에서는 상태를 관리할 수 없었다.리액트 16.8에서 Hooks 기능이 추가되면서 함수형 컴포넌트에서도 상태를 관리할 수 있게

🎮 useRef로 특정 DOM 선택하기 JavaScript에서 특정 DOM을 선택해야 할 경우 getElemnetById, querySelector와 같은 DOM Selector 함수를 사용하여 DOM을 선택 리액트를 사용하는 프로젝트에서도 DOM을 직접 선택해야

🎮 useEffect

🎮 useMemo 성능 최적화를 위해 연산된 값을 useMemo라는 Hook을 사용하여 재사용 하는 방법 알아보기

useMemo : 특정 결과값을 재사용 할 때 사용useCallback : 특정 함수를 새로 만들지 않고 재사용할 때 사용

Treating warnings as errors because process.env.CI = true. | React

debounce | React