close
더북(TheBook)
search
리액트 교과서
더북(TheBook)
home
Home
제 1 부 React 기초
3장 JSX
3.1 JSX의 정의와 장점
3.2 JSX의 이해
3.2.1 JSX로 React 엘리먼트 생성하기
3.2.2 React 컴포넌트에 JSX 사용하기
3.2.3 JSX에서 변수 출력하기
3.2.4 JSX에서 속성 사용하기
3.2.5 React 컴포넌트 메서드 생성하기
3.2.6 JSX의 if/else 처리
3.2.7 JSX의 주석 작성 방법
3.3 Babel을 이용한 JSX 트랜스파일러 설정하기
3.4 React와 JSX의 까다로운 부분
3.4.1 특수문자
3.4.2 data- 속성
3.4.3 스타일 속성
3.4.4 class와 for 속성
3.4.5 불 값을 속성 값으로 사용하는 경우
3.5 퀴즈
3.6 요약
3.7 퀴즈 정답
4장 React 컴포넌트의 상태 객체
4.1 React 컴포넌트의 상태란?
4.2 상태 객체 다루기
4.2.1 상태 객체에 접근하기
4.2.2 초기 상태 설정하기
4.2.3 상태 갱신하기
4.3 상태 객체와 속성
4.4 상태비저장 컴포넌트
4.5 상태비저장 컴포넌트와 상태저장 컴포넌트의 비교
4.6 퀴즈
4.7 요약
4.8 퀴즈 정답
5장 React 컴포넌트 라이프사이클 이벤트
5.1 React 컴포넌트 라이프사이클 이벤트 한눈에 살펴보기
5.2 이벤트 분류
5.3 이벤트 구현
5.4 모든 이벤트 실행하기
5.5 마운팅 이벤트
5.5.1 componentWillMount()
5.5.2 componentDidMount()
5.6 갱신 이벤트
5.6.1 componentWillReceiveProps(newProps)
5.6.2 shouldComponentUpdate()
5.6.3 componentWillUpdate()
5.6.4 componentDidUpdate()
5.7 언마운팅 이벤트
5.7.1 componentWillUnmount()
5.8 간단한 예제
5.9 퀴즈
5.10 요약
5.11 퀴즈 정답
6장 React에서 이벤트 다루기
6.1 React에서 DOM 이벤트 다루기
6.1.1 캡처 및 버블링 단계
6.1.2 React 이벤트 살펴보기
6.1.3 React 합성 이벤트 객체 다루기
6.1.4 이벤트와 상태 사용하기
6.1.5 이벤트 핸들러를 속성으로 전달하기
6.1.6 컴포넌트 간의 데이터 교환
6.2 React가 지원하지 않는 DOM 이벤트 처리하기
6.3 React를 다른 라이브러리와 통합하기: jQuery UI 이벤트
6.3.2 라벨 통합하기
6.4 퀴즈
6.5 요약
6.6 퀴즈 정답
7장 React에서 폼 다루기
7.1 React에서 폼을 다루기 위한 권장 방법
7.1.1 React에서 폼과 이벤트 정의하기
7.1.2 폼 요소 정의하기
7.1.3 변경 감지하기
7.1.4 대출 신청서의 계좌번호 영역 만들기
7.2 폼을 다루는 다른 방법
7.2.1 비제어 엘리먼트에서 변경 감지하기
7.2.2 비제어 엘리먼트에서 이벤트를 감지하지 않는 경우
7.2.3 값에 참조로 접근하기
7.2.4 기본값 설정하기
7.3 퀴즈
7.4 요약
7.5 퀴즈 정답
버튼을 클릭하면 다음과 같이
this
와
event
를 출력한다.
▲ 그림 6-1
버튼을 클릭하면 this 값(SaveButton)을 출력한다.
Prev
BUY
Next
신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.
Email address
