[리액트] 개념 정리

8. 리액트 훅 1) 리액트 훅이란 컴포넌트에 기능을 추가할 때 사용하는 함수 예로 컴포넌트에 상태값을 추가, 자식요소에 접근하는 등의 기능 추가 과거는 클래스형 컴포넌트 사용 2) useState : 상태값 관리 Hook

9\. 훅 직접 만들기1) 커스텀 훅리액트가 제공하는 훅을 이용해서 커스텀 훅을 만들 수 있다.로직 재사용이 가장 큰 장점.커스텀 훅 만들 때는 훅 이름은 use로 시작하는 것이 좋다.훅은 일반적인 함수로 작성할 수 있다.레고 블록처럼 기존 훅을 이용해서 새로운 훅을

10\. 훅 사용 시 지켜야할 규칙1) 하나의 컴포넌트에서 훅을 호출하는 순서는 항상 같아야 한다.if문 안에서 훅을 사용하면 안된다. if문을 사용하게 되면 조건문에 따라 사용하는 훅이 달라질 수 있기 때문이다.for문 안에서 훅을 사용하면 안된다. 반복문의 조건에

11. Context API 상위 컴포넌트에서 하위 컴포넌트로 데이터를 전달할 때 속성값(Props)을 사용할 수 있다. 가까운 거리에 있는 몇 개의 컴포넌트로 전달할 때는 속성값으로도 충분하지만 많은 수의 하위컴포넌트로 전달할 때는 속성값을 내려주는 코드를 반복적으로

12\. ref 속성값으로 자식 요소에 접근하기리액트로 작업하다보면 실제 돔 요소에 직접 접근해야할 때가 있다.예를 들어, 돔 요소에 포커스를 주거나 돔 요소 크기나 스크롤 위치를 알아야 하는 경우ref 속성값을 이용하면 자식 요소에 직접 접근할 수 있다. 여기에서 자

13\. 리엑트 내장 훅useState - 상태값 관리 설명useEffect - 부수효과 처리 설명useContext - Context API Consumer 기능 사용 설명useRef - 자식 요소에 직접 접근 등 설명1 설명2useMemo - 메모이제이션 기능 설명

React 핵심 작동 원리 입사 후 React를 꾸준히 사용하고 있습니다. 그래서 무척 친숙합니다. 다만 React를 진짜 깊이 있게 이해하는가 물어본다면 맞다고 답하기 어렵습니다. React는 최소한 잘 아는 개발자가 되고 싶기 때문에 React가 어떤 존재인지,

프론트엔드 멋쟁이들은 이런걸 만들어본다던데 프론트엔드를 진심으로 공부하시는 분들이 해보는 필수 코스가 있습니다. 나만의 리액트 만들어보기....!!!!!! 저도 프론트엔드에 진심이고 React를 꽤나 사랑하기 때문에 직접 만들어보며 리액트의 상세 원리를 코드로 이해