React Hooks

React hooks는 함수 컴포넌트와 관련있다.함수 컴포넌트 (Function Component)에 대해서 이해하고 가자.구글링을 해보니,React v16.8를 기준으로 함수 컴포넌트의 역사가 갈리는 것 같다.React v16.8 이전에도 함수 컴포넌트가 존재했지만

본 게시글은 정확한 정보를 담고있지 않을 수 있으므로 다른 자료도 참고하시길 바랍니다.만약, 본 게시글이 잘못된 정보를 가지고 있다면 피드백 부탁드립니다. 감사합니다. 클래스 컴포넌트는 컴포넌트를 하위 컴포넌트들로 분리할 수 없기 때문에 컴포넌트가 거대해지면 이해하기

useLayoutEffect 예제useRef 예제

CardContext를 생성하는 createContext에 인자가 null 1개 들어가 있다. createContext의 인자는 defaultValue를 의미한다.defaultValue란 말 그대로 기본값인데 이 기본값이 사용되는 조건이 있다. 즉, 무조건 필요하다는

부모 - 자식 컴포넌트 관계에서 가장 최하단에 위치하는 자식 컴포넌트인 Child2가 가장 먼저 렌더링 된다. Child2 컴포넌트의 useEffect 함수에 있는 Child2 메세지가 가장 먼저 출력된 것으로 확인할 수 있다. 그리고 가장 마지막에 App! the p

useEffect 함수의 2번째 인자인 디펜던시가 빈 배열일 경우 1번째 렌더링 후에만 실행된다.리렌더링 시에는 실행되지 않는다.상태 변수 name이 업데이트 될때만 useLayoutEffect 함수가 실행된다.상태 업뎃 -> 리렌더링 -> useLayoutEffect