패스트캠퍼스 챌린지 4일차 - 한 번에 끝내는 React의 모든 것 초격차 패키지 Online

수강 인증샷

---

패스트캠퍼스 챌린지란?

패스트캠퍼스에서 진행하는 '50일 공부 루틴 챌린지' 행사로 50일 동안 매일 수강 인증샷과 함께 학습 기록을 게시글로 남기는 행사다.

---

4일차

 4일차에는 Part 1. React 기초 Ch 01. React 맛보기 강의 챕터 중 04. 멀티 Element 생성하기와 05. Element 찍어내기 강의 내용에 대해 기록하려 한다.

 Part 1. React 기초 Ch 01. React 맛보기 강의 챕터 중 04. 멀티 Element 생성하기 강의에서 나오는 Element는 2일차 02. DOM 다루기 Element 생성하기 강의에서 Element와 동일하다. 엘리먼트는 React 앱의 가장 작은 단위이며 화면에 표시할 내용을 기술한다. 엘리먼트는 하나만 쓸 수 있는 것이 아닌 여러 개를 쓸 수 있는데, 여러 엘리먼트를 한 곳에 담아주려면 React.Fragment나 <></>을 이용하여 한 곳에 담아주고 그 담아준 것을 ReactDOM.render()에 첫 번째 인자로 전달해주면 여러 엘리먼트를 화면에 표시할 수 있다.

 Part 1. React 기초 Ch 01. React 맛보기 강의 챕터 중 05. Element 찍어내기 강의에서는 이전 04. 멀티 Element 생성하기 강의를 바탕으로 Element를 찍어내는 것이 강의의 주된 내용이다. 여기서 Function은 재사용 가능한 엘리먼트를 만들어 주고자 할 때 쓰이며, Custom Element는 Upper case를 써야 한다. Upper case를 쓰지 않으면 HTML의 태그인지, 우리가 원하는 React의 엘리먼트인지 구분할 수 없기 때문이다.

---

본 게시글은 이벤트 참여를 위해 작성된 게시글입니다.

 

---

패스트캠퍼스 공식 홈페이지 : https://bit.ly/37BpXiC