Input 태그 등 기존에 닫지 않아도 되는 태그를 반드시 닫아 주어야함또는 태그와 태그 사이에 내용이 들어가 않을 때에는 <input /> 처럼 닫아 준다.이를 Self Closing 태그라 한다.모든 JSX 는 각각의 하나의 태그로 감싸져 있어야합니다. 부모가
전달하려는 컴포넌트 (App.js) 에서 전달 받는 컴포넌트 (Hello.js) 로 name이라는 데이터를 전달해주고 싶을때는 props를 사용합니다.Hello.js 컴포넌트에서 전달받은 name이라는 데이터를 props의 파라미터를 통해 조회 할 수 있고 객체 형태로
컴포넌트에서 동적인 값을 상태(state)라고 부릅니다. 리액트에서는 이러한 동적인 값의 상태를 관리하기 위해 useState 함수가 있다. useState 를 호출하면 배열이 반환되는데 첫번째 원소에는 현재상태, 두번째 원소는 Setter 함수이다. 위 코드를 배열
useEffect는 컴포넌트가 마운트/언마운트/업데이트시 할 작업을 정해주는 Hook이다useEffect 를 사용 할 때에는 첫번째 파라미터에는 함수, 두번째 파라미터에는 의존값이 들어있는 배열deps를 넣는다. 만약에 deps배열을 비우게 된다면, 컴포넌트가 처음
memoization메모이제이션. 컴퓨터 프로그램이 동일한 계산을 반복해야 할 때, 이전에 계산한 값을 메모리에 저장함으로써 동일한 계산의 반복 수행을 제거하여 프로그램 실행 속도를 빠르게 하는 기술.useMemo 의 memo는 memoization의 약자이다. use