react

오픈 소스 CSS 프레임워크1) tailwind.config.js 의 theme->extend fontFamily:{ title :'"Pacifico"','cursive' }2) 적용할 요소의 클래스이름에 font-title 넣기기존의 vanill

useRef는 렌더링에 필요하지 않은 값을 참조할 수 있게 해주는 React HookuseRef: 단일 프로퍼티(current)를 가진 객체를 반환한다.initialValue : 참조 객체의 프로퍼티인 current에 처음에 지정할 값이다.current initialV

react-dom 에서 가져오며 한 컴포넌트에 랜더링되는 html 코드를 dom내의 다른곳으로 옮겨준다.포털을 생성하기 위해 JSX와 랜더링할 DOM노드를 createPortal에 전달하여 호출한다.children : React로 랜더링할 JSX코드 ( DOM노드

일반적으로 부모 컴포넌트에서 자식 컴포넌트로 props을 통해 정보를 전달한다. 이러한 과정을 prop drilling(속성 내리 꽂기)라고한다.이러한 과정은 props을 컴포넌트 사이로 여러번 전달해야하므로 불편하다.이를 해결하기위한 방법으로 컴포넌트 합성이 있지만

useState와 같이 상태를 관리해주는 react hookuseReducer를 사용하면 상태 업데이트 로직을 기존 컴포넌트로부터 분리시킬 수 있다. 컴포넌트 바깥에 작성할 수 도 있고 다른 파일에 작성한 후 불러올 수 도 있다.const state, dispatch

라우팅은 네트워크에서 경로를 선택하는 프로세스를 말한다.즉 네트워크의 주소에 맞는 프로세스로 이동시켜주는 작업이다.