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

수강 인증샷

 

---

패스트캠퍼스 챌린지란?

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

---

8일차

 8일차에는 Part 1. React 기초 Ch 01. React 맛보기 챕터에서 13. 컴포넌트 상태 다루기 강의 내용에 대해 기록하려 한다.

 Part 1. React 기초 Ch 01. React 맛보기 챕터에서 13. 컴포넌트 상태 다루기 강의에서는 먼저 컴포넌트가 무엇인지 알아보고 React Hook 중 하나인 useState에 대해 공부한다. 컴포넌트는 React 앱의 가장 작은 단위인 엘리먼트의 집합을 뜻하며 개념적으로 JavaScript 함수와 유사하다. props라고 하는 임의의 입력을 받은 후 화면에 어떻게 표시되는지를 기술하는 React 엘리먼트를 반환한다. 컴포넌트는 함수 컴포넌트와 클래스 컴포넌트 두 가지 종류가 있으며 함수 컴포넌트는 말그대로 함수 형태로 이루어진 컴포넌트이다. 이 함수는 데이터를 가진 하나의 props(props는 속성을 나타내는 데이터) 객체 인자를 받은 후 React 엘리먼트를 반환하므로 유효한 React 컴포넌트이다. 이러한 컴포넌트가 JavaScript 함수이기 때문에 함수 컴포넌트라고 부르는 것이다. 클래스 컴포넌트도 함수 컴포넌트와 비슷한 방식으로 말그대로 클래스 형태로 이루어진 컴포넌트이다.

 React Hook중 하나인 useState는 상태 값을 관리해주는 훅이다. useState를 이용하여 상태의 변경이 있으면 render를 임의로 해주지 않아도 저절로 리렌더링 된다는 특징을 가지고 있다.

---

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

 

---

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