Page 3 -
P. 3
3장 컴포넌트 067
3.1 첫 컴포넌트 생성 069
3.1.1 src 디렉터리 내부에 MyComponent.js 파일 생성 069
3.1.2 컴포넌트 초기 코드 작성 070
3.1.3 모듈 내보내기 및 불러오기 070
3.2 props 072
3.2.1 JSX 내부에서 props 렌더링 072
3.2.2 컴포넌트 사용할 때 props 값 설정 073
3.2.3 props 기본 값 설정: defaultProps 074
3.2.4 props 검증: propTypes 076
3.3 state 081
3.3.1 컴포넌트의 생성자 메서드: constructor( ) 082
3.3.2 state 초깃값 설정 082
3.3.3 JSX 내부에서 state 렌더링 083
3.3.4 state 값 업데이트: setState( ) 084
3.3.5 state를 constructor에서 꺼내기 086
3.3.6 state 값을 업데이트할 때 주의 사항 087
3.4 정리 087
4장 이벤트 핸들링 089
4.1 리액트의 이벤트 시스템 091
4.1.1 이벤트를 사용할 때 주의 사항 092
4.1.2 이벤트 종류 092
4.2 예제로 이벤트 핸들링 익히기 093
4.2.1 컴포넌트 생성 및 불러오기 093
4.2.2 onChange 이벤트 핸들링 095
4.2.3 임의 메서드 만들기 100
4.2.4 input 여러 개를 핸들링 103
4.2.5 onKeyPress 이벤트 핸들링 105
4.3 정리 107
리액트를 다루는 기술(본문출력용)0720.indb 12 2018-07-20 오전 11:25:17