[React] 기초 Chapter - React Intro

 

Achievement Goals

 

• React의 3가지 특징에 대해서 이해하고, 설명할 수 있다.

 

UI 를 구성하는 개별적인 단위로 컴포넌트를 사용하며 웹페이지를 구역별로 나누어 컴포넌트의 형태로 작성할 수 있다.

JSX문법을 사용하여 HTML과 JavaScript를 함께 작성해서 가독성을 높일 수 있다.

Virtual DOM을 사용하여 렌더링을 최적화할 수 있고 컴포넌트 단위로 묶어서 관리할 수 있다.

 

• JSX가 왜 명시적인지 이해하고, 바르게 작성할 수 있다.

 

JSX에서 여러 엘리먼트를 작성할 때에는 opening tag와 closing tag로 감싸준다.

HTML에서 class로 속성을 지정했으나 JSX에서는 className으로 표기한다.

JavaScript 표현식을 사용할 때에는 중괄호를 사용하여 JavaScript임을 알려준다.

컴포넌트의 첫 글자는 대문자로 작성한다.

조건부 렌더링을 할 때에는 삼항연산자를 사용한다.

여러 개의 HTML 엘리먼트를 표시할 때에는 map 을 사용한다.

 

 

• React 컴포넌트(React Component)의 필요성에 대해서 이해하고, 설명할 수 있다.

 

전체 웹페이지를 기능과 반복성에 따라 작은 부분으로 나누어 개발하면 전체적인 구조를 좀더 쉽게 이해할 수 있고 기능별로 테스트를 따로 진행할 수 있다. 수정하게 될 경우에도 해당되는 컴포넌트만 수정하면 되기 때문에 편리하다.