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

수강 인증샷

---

패스트캠퍼스 챌린지란?

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

---

21일차

 21일차에는 Part 1. React 기초 Ch 02. 공식 문서로 디테일잡기(초급) 챕터에서 04. Props 강의 내용에 대해 기록하려 한다.

 Part 1. React 기초 Ch 02. 공식 문서로 디테일잡기(초급) 챕터에서 04. Props 강의에서는 Components와 Props에 대해 공부하는 시간을 갖는다. Components와 Props는 Part 1. React 기초 Ch 01. React 맛보기 챕터에서 배운 적 있었지만 챕터의 제목과 같이 Components와 Props에 대해 좀 더 디테일하게 배우는 시간을 갖는다. 먼저, Components는 개념적으로 JavaScript의 함수와 유사하다. props라고 하는 임의의 입력을 받은 후 화면에 어떻게 표시되는지를 기술하는 React 엘리먼트를 반환한다. 이 Components를 통해 UI를 재사용 가능한 개별적인 여러 조각으로 나누고, 각 조각을 개별적으로 살펴볼 수 있다. 컴포넌트는 함수 컴포넌트와 클래스 컴포넌트로 나눌 수 있다. 함수 컴포넌트와 클래스 컴포넌트에서 클래스 컴포넌트가 몇 가지 추가 기능이 더 있지만 함수 컴포넌트는 더 간결하다는 장점이 있다. 또한, 기능을 표현하는 방법에서 차이가 있다. 대표적으로 함수 컴포넌트는 return에 렌더링할 요소를 넣으면 클래스 컴포넌트는 render() {return (렌더링할 요소)}를 넣는다. 컴포넌트는 자신의 출력에 다른 컴포넌트를 참조할 수 있는 컴포넌트 합성과 컴포넌트를 여러 개의 작은 컴포넌트로 나누는 컴포넌트 추출과 같은 방법들을 배웠다. 또한, props는 읽기 전용이다. 모든 컴포넌트들이 자체 props를 수정해서는 안된다. 모든 React 컴포넌트는 자신의 props를 다룰 때 반드시 순수 함수(입력값을 바꾸려 하지 않고 항상 동일한 입력값에 대해 동일한 결과를 반환하는 함수)처럼 동작해야 한다.

---

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

 

---

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