Post

[React] React 소개

리액트에 대해 학습한 내용을 글로 정리하고 있습니다.

소플의 처음 만난 리액트 강의를 기반으로 학습하고 있습니다.

중요한 핵심 요약만 정리하였습니다.


리액트란?

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

라이브러리란?

자주 사용되는 기능들을 정리해 모아 놓은 것

라이브러리 이미지

사용자 인터페이스란?

UI라고 부르고, 사용자와 컴퓨터 중간에서 입력과 출력을 제어해 주는 것, 웹사이트에서 흔히 보는 버튼, 텍스트 입력 창 등이 UI에 해당한다.
(버튼을 누름으로써 반응하고, 특정 페이지를 보여줌으로써 사용자들이 반응하기 때문에)
사용자 인터페이스를 만들기 위한 기능 모음집을 UI 라이브러리라고 부르고, 리액트는 대표적인 자바스크립트 UI 라이브러리이다. 쉽게 말하면 화면을 만들기 위한 기능들을 모아놓은 것이라는 뜻이다.

대표적인 JavaScript UI 라이브러리는 아래와 같은 것들이 있다.
JavaScript UI 라이브러리

프레임워크 vs 라이브러리

프레임워크는 흐름의 제어 권한이 프레임워크가 가지고 있다.
라이브러리는 제어 권한이 개발자에게 있다.

리액트를 배워야하는 이유

리액트는 복잡한 페이지를 쉽고 빠르게 개발하며, 관리하기 위해 만들어진 것이다.
리액트는 SPA를 쉽게 만들 수 있게 해주는 도구이다.
(SPA: 한 개의 페이지가 존재하는 웹 애플리케이션)

참고

소플의 처음 만난 리액트 v2 강의