react 입문

props는 객체형태로 전달되며, name의 값이 react로 넘어오게 됩니다.함수에서 인자로 바로 할당하여 사용할 수 있습니다.구조분해 할당(https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Op

{}를 작성하여 태그안에 값을 작성해줍니다.font-size, font-weight 등 과 같이 -로 이루어진 style의 경우 camelCase로 작성해주어야 합니다.\-> fontSize, fontWeight또한 class명은 className 으로 작성해주어야 합

props로 isSpecial값을 넘겨줍니다.isSpecial이 true일 때에는 <b>\*</b> 를 랜더링하고 false일때에는 null이기 때문에 랜더링 되지 않습니다.또는 &&연산자를 이용하여 조건부 랜더링도 가능합니다.

useState는 첫번째 원소는 현재 상태, 두번째 원소는 Setter 함수로 이루어져 있습니다.숫자를 증가하고, 감소시켜주는 예시를 살펴 보겠습니다.참고 자료 : https://react.vlpt.us/basic/07-useState.html

useRef의 경우 dom을 직적 선택해야 할 때 사용합니다.예를 들어 Input 버튼에 focus를 하거나, 스크롤 위치를 구하거나, 특정 엘리먼트를 가져올때 사용합니다.다음으로 input 버튼을 초기화 할때 focus하는 예시를 보겠습니다.useRef()로 Ref

리엑트에서 여러개의 데이터를 랜더링이 필요할 때가 있습니다.다음과 같이 users 배열이 3개로 이루어져 있을때 map 내장함수를 통해 랜더링 할 수 있습니다.이때 props로 key값이 필수로 들어가야 하며, key 값은 고유한 값이여야 합니다.key가 없을 경우 배

1\. 컴포넌트가 마운트 됐을 때 (처음 랜더링 될때) 2.언마운트 됐을 때 (사라질 때)3.업데이트 될 때 (특정 props가 바뀔 때) props 로 받은 값을 컴포넌트의 로컬 상태로 설정외부 API 요청 (REST API 등)라이브러리 사용 (D3, Vid

컴포넌트가 렌더링 된다는 것은 누군가가 그 함수(컴포넌트)를 호출하여서 실행되는 것을 말합니다. 함수가 실행될 때마다 내부에 선언되어 있던 표현식(변수, 또다른 함수 등)도 매번 다시 선언되어 사용됩니다.컴포넌트는 자신의 state가 변경되거나, 부모에게서 받는 pro

메모이제이션된 함수를 반환한다.즉, 특정함수를 새로 만들지 않고 재사용하고 싶을때 사용합니다. 주의할 점은 doSomething안에서 사용하는 상태, props 가 존재한다면, a,b에 넣어야 합니다.넣지않게 된다면, 해당 값들을 참조할때 가장 최신값을 참조 할 것이라

상태를 관리하는 useState Hook 과 같은 기능을 하는 Hook이지만, 상태 업데이트 로직을 컴포넌트에서 분리할수 있습니다. reducer 는 현재 상태와 액션 객체를 파라미터로 받아와서 새로운 상태를 반환해주는 함수입니다.action 객체의 경우 다음과 같이