Page 4 -

REACT

5장 ref: DOM에 이름 달기 109

5.1 ref는 어떤 상황에서 사용해야 할까? 111
5.1.1 예제 컴포넌트 생성 113
5.1.2 App 컴포넌트에서 예제 컴포넌트 렌더링 114
5.1.3 DOM을 꼭 사용해야 하는 상황 115

5.2 ref 사용 115
5.2.1 사용법 115
5.2.2 적용 116

5.3 컴포넌트에 ref 달기 118
5.3.1 사용법 118
5.3.2 컴포넌트 초기 설정 119
5.3.3 컴포넌트에 메서드 생성 121
5.3.4 컴포넌트에 ref 달고 내부 메서드 사용 123
5.4 정리 124

6장 컴포넌트 반복 125

6.1 자바스크립트 배열의 map() 함수 127
6.1.1 문법 127
6.1.2 예제 127
6.2 데이터 배열을 컴포넌트 배열로 map하기 128
6.2.1 예제 컴포넌트 생성 128
6.2.2 App 컴포넌트에서 예제 컴포넌트 렌더링 129
6.3 key 131
6.3.1 key 설정 131
6.4 응용 132
6.4.1 state에 초기 데이터 담기 133
6.4.2 데이터 추가 기능 구현 133
6.4.3 데이터 제거 기능 구현 135
6.5 정리 138

리액트를 다루는 기술(본문출력용)0720.indb 13 2018-07-20 오전 11:25:18