리액트를 다루는 기술

1장 리액트 시작 __1.1 왜 리액트인가? ____1.1.1 리액트 이해 __1.2 리액트의 특징 ____1.2.1 Virtual DOM ____1.2.2 기타 특징 __1.3 작업 환경 설정 ____1.3.1 Node.js와 npm ____1.3.2 yarn ____1.3.3 에디터 설치 ____1.3.4 Git 설치 ____1.3.5 create-react-app으로 프로젝트 생성하기 2장 JSX __2.1 코드 이해하기 __2.2 JSX란? __2.3 JSX의 장점 ____2.3.1 보기 쉽고 익숙하다 ____2.3.2 더욱 높은 활용도 __2.4 JSX 문법 ____2.4.1 감싸인 요소 ____2.4.2 자바스크립트 표현 ____2.4.3 If 문 대신 조건부 연산자 ____2.4.4 AND 연산자(&&)를 사용한 조건부 렌더링 ____2.4.5 undefined를 렌더링하지 않기 ____2.4.6 인라인 스타일링 ____2.4.7 class 대신 className ____2.4.8 꼭 닫아야 하는 태그 ____2.4.9 주석 __2.5 ESLint와 Prettier 적용하기 ____2.5.1 ESLint ____2.5.2 Prettier __2.6 정리 3장 컴포넌트 __3.1 클래스형 컴포넌트 __3.2 첫 컴포넌트 생성 ____3.2.1 src 디렉터리에 MyComponent.js 파일 생성 ____3.2.2 코드 작성하기 ____3.2.3 모듈 내보내기 및 불러오기 __3.3 props ____3.3.1 JSX 내부에서 props 렌더링 ____3.3.2 컴포넌트를 사용할 때 props 값 지정하기 ____3.3.3 props 기본값 설정: defaultProps ____3.3.4 태그 사이의 내용을 보여 주는 children ____3.3.5 비구조화 할당 문법을 통해 props 내부 값 추출하기 ____3.3.6 propTypes를 통한 props 검증 ____3.3.7 클래스형 컴포넌트에서 props 사용하기 __3.4 state ____3.4.1 클래스형 컴포넌트의 state ____3.4.2 함수형 컴포넌트에서 useState 사용하기 __3.5 state를 사용할 때 주의 사항 __3.6 정리 4장 이벤트 핸들링 __4.1 리액트의 이벤트 시스템 ____4.1.1 이벤트를 사용할 때 주의 사항 ____4.1.2 이벤트 종류 __4.2 예제로 이벤트 핸들링 익히기 ____4.2.1 컴포넌트 생성 및 불러오기 ____4.2.2 onChange 이벤트 핸들링하기 ____4.2.3 임의 메서드 만들기 ____4.2.4 input 여러 개 다루기 ____4.2.5 onKeyPress 이벤트 핸들링 __4.3 함수형 컴포넌트로 구현해 보기 __4.4 정리 5장 ref: DOM에 이름 달기 __5.1 ref는 어떤 상황에서 사용해야 할까? ____5.1.1 예제 컴포넌트 생성 ____5.1.2 App 컴포넌트에서 예제 컴포넌트 렌더링 ____5.1.3 DOM을 꼭 사용해야 하는 상황 __5.2 ref 사용 ____5.2.1 콜백 함수를 통한 ref 설정 ____5.2.2 createRef를 통한 ref 설정 ____5.2.3 적용 __5.3 컴포넌트에 ref 달기 ____5.3.1 사용법 ____5.3.2 컴포넌트 초기 설정 ____5.3.3 컴포넌트에 메서드 생성 ____5.3.4 컴포넌트에 ref 달고 내부 메서드 사용 __5.4 정리 6장 컴포넌트 반복 __6.1 자바스크립트 배열의 map() 함수 ____6.1.1 문법 ____6.1.2 예제 __6.2 데이터 배열을 컴포넌트 배열로 변환하기 ____6.2.1 컴포넌트 수정하기 ____6.2.2 App 컴포넌트에서 예제 컴포넌트 렌더링 __6.3 key ____6.3.1 key 설정 __6.4 응용 ____6.4.1 초기 상태 설정하기 ____6.4.2 데이터 추가 기능 구현하기 ____6.4.3 데이터 제거 기능 구현하기 __6.5 정리 7장 컴포넌트의 라이프사이클 메서드 __7.1 라이프사이클 메서드의 이해 __7.2 라이프사이클 메서드 살펴보기 ____7.2.1 render( ) 함수 ____7.2.2 constructor 메서드 ____7.2.3 getDerivedStateFromProps 메서드 ____7.2.4 componentDidMount 메서드 ____7.2.5 shouldComponentUpdate 메서드 ____7.2.6 getSnapshotBeforeUpdate 메서드 ____7.2.7 componentDidUpdate 메서드 ____7.2.8 componentWillUnmount 메서드 ____7.2.9 componentDidCat