4. 목록과 키 : List and Keys 4.1. map은 대상 배열의 요소 목록으로 변환하여 치환 할 수 있습니다. const people = [“John”, “Bob”, “Fred”]; const peopleList = people.map(person => <p>{person}</p>); 4.2. 또한 컴포넌트에도 적용 할

3. 컴포넌트와 속성 : components and props 3.1. 리엑트 기본 컴포넌트 구성 // 1 : 함수형 컴포넌트 타입 function Header() { // 함수형 컴포넌트는 기본js와 달리 대문자로 시작한다 : ex) Header return <h1>Hello React</h1>; } // 화살표 함수 타입 또한 가능

2. 엘리먼트 와 JSX : elements and jsx 2.1. 리엑트 기본 요소(elemnents) 는 div,span, h1-6, form, input 등과 같은 태그로 감싸져 있음 <div>Hello React</div> 2.2. jsx 요소 표현 방법 // 변수 할당 방법, 홑/쌍 따옴표를 사용하지 않음에 유의하기 바랍니다.

1. 들어가기 앞서 출처 : React 2020 CheatSheet small.pdf 사전에 nodejs 가 설치 되어 있어야 됩니다 : 에서 설치 가능 mac os 기준으로 설명 합니다. 1.1. create-react-app 설치 cli 설치 : 터미널 실행 후 아래 커맨드 입력 $ sudo npm install -g create-react-app 1.2.