TIL 231031 (React 기본)

React

-SPA(Single Page Application)
말 그대로 한 페이지로 이루어진 어플리케이션을 말함.
어떤 작업이나 페이지 내 변경사항이 발생했을 때, 다른 페이지로 이동해서 그 작업을 처리하는 것이 아니라 그 페이지 내에서 작업이 이루어지기 때문에 UX 측면에서 좀 더 자연스럽고 직관적이다.

-컴포넌트 단위의 독립적인 블록을 통한 개발 - 벽돌 쌓듯이 개발

-컴포넌트 단위의 렌더링이 이루어짐

-리액트에서 렌더링이란? :
컴포넌트가 현재 props와 state의 상태에 기초하여 UI를 어떻게 구성할지, 컴포넌트에게 작업을 요청하는 것을 말함.

props로부터 입력을 받고, 화면을 어떻게 구성할지 기술하는 React 엘리먼트를 반환한다.

컴포넌트는 1) 함수형 컴포넌트, 2) 클래스형 컴포넌트로 나뉜다.
주로 함수형 컴포넌트가 사용되므로, 리액트에서 말하는 컴포넌트는 '함수'라고 받아들이면 된다.