21. 커스텀 Hooks 만들기 src 디렉터리 > hooks 디렉터리 > useInputs.js 파일 커스텀 Hooks를 만들 때에는 보통 이렇게 use 라는 키워드로 시작하는 파일을 만들고 그 안에 함수를 작성한다. useState, useEffect, useRe

최초 렌더링만 발생하길 원하는 경우- 다른 state 변경되어도 render(코드 재실행) 안되길 원할 때, API 호출할때, 혹은 어떤 중요한 일을 할 때 useEffect 함수 2개 인자 첫번째 argument - 우리가 딱 한번만 실행하고 싶은 코드 두번째

개발 서버에 접근가능/자동으로 새로고침 가능/즉각적으로 애플리케이션 안에 CSS 포함자동실행/transcompile 지원 > 브라우저 별 해석할 수 있는 js버전이 다른데 , React는 babel을 기본으로 내장하고 있어 자동으로 해석할 수 있도록 변환을 지원코드 난

Props는 일종의 방식이다.부모 컴포넌트로부터 자식 컴포넌트에 데이터를 보낼 수 있게 해주는 방법Props는 첫번째이자 유일한 인자다. props는 object 로 컴포넌트는 단지 어떤 JSX를 반환하는 함수다. prop들은 인자를 사용해 컴포넌트에 데이터를 보내기위

Express + Routing

19. React.memo 를 사용한 컴포넌트 리렌더링 방지 20. useReducer 를 사용하여 상태 업데이트 로직 분리하기

16 ~ 18장 useEffect | useMemo | useCallback

10. useRef로 특정 DOM 선택하기 + 배열 렌더링

리액트 프로젝트 생성 1. node.js 설치 > -> npm 이라는 툴을 이용 가능하다! 2. npx create-react-app 프로젝트명 > -> npx 라이브러리 설치를 도와주는 명령어 (node.js설치되어야 이용가능) -> create-react