[리액트] 리액트 소개

리액트란?

사용자 인터페이스를 만들기 위한 자바스크립트 라이브러리

사용자 인터페이스(UI) : 사용자와 컴퓨터 프로그램이 서로 상호 작용을 하기 위하여 입출력을 제어해주는 것, 우리가 흔히 보는 버튼, 텍스트 입력창들, 사용자들이 직관적으로 보고 조작하는 대부분이 GUI로 이루어져 있다.
라이브러리 : 자주 사용되는 기능을 정리해 모아둔 것 (문자열 관련 기능, 날짜 관련 기능, 알림 기능 등...)

리액트(REACT) == 대표적인 자바스크립트 UI라이브러리

리액트는 META(前페이스북)에서 만든 오픈소스 자바스크립트UI로 2013년 처음 출시, 가장 대중적인 자바스크립트 UI라이브러리로 사용되고 있다.

Virtual DOM

DOM : Document Object Model의 약자로 웹페이지를 정의하는 하나의 객체
Virtual DOM을 사용해 수정해야할 일부분만 업데이트를 함으로써 빠른 업데이트가 가능함

컴포넌트 구조

컴포넌트(Component) : 구성요소
리액트에서는 모든 페이지가 컴포넌트로 구성 되어있고, 하나의 컴포넌트는 여러개의 컴포넌트로 구성할 수 있으며, 이러한 컴포넌트가 모여 웹페이지를 구성한다.
하나의 컴포넌트는 객체의 성질을 가지며 재사용성이 뛰어나다.