[React] - [처음 만난 리액트] - 05. 리액트란? (리액트는 무엇인가?, React란?)

🧹 두서없이 적는 쉬운 정리

1. 라이브러리란 : 자주 사용되는 기능들을 모아놓은 것, 개발자가 제어권을 가지고 있다.

2. 사용자 인터페이스(UI) : 사용자와 컴퓨터 중간에 입력과 출력을 제어해 주는 것

3. 리액트는 '자바스크립트 UI 라이브러리'이다

4. 리액트는 spa 를 쉽고 빠르게 만들 수 있도록 해주는 도구이다.

 

(자세한 내용은 아래 참고)

 

---

 

 

🤷🏻 리액트란?

공식문서에는 '사용자 인터페이스를 만들기 위한 자바스크립트 라이브러리'라고 정의되어 있다.

 

📖 라이브러리란? 

자주 사용되는 기능들을 정리해 모아 놓은 것을 의미한다.

 

라이브러리(일상, 프로그래밍)

일상 :  도서관에 수많은 책들이 정해진 기준에 따라서 잘 정리되어 꽂혀있는 걸 볼 수 있다.

프로그래밍 : 특정 프로그래밍 언어에서 자주 사용되는 기능들의 모음이라고 볼 수 있다.

 

 

📺 사용자 인터페이스는?

UI라고도 불리는데 사용자와 컴퓨터 중간에 입력과 출력을 제어해 주는 것이다

웹 사이트에서는 흔히 보는 텍스트 창, 버튼 등이 UI이 이다.

 

버튼을 누름으로써 웹사이트에서 반응을 하고

웹 사이트에서 특정 페이지를 보여 줌으로써 사용자들이 반응을 하는 것이기 때문에.

 

이처럼 사용자 인터페이스를 만들기 위한 기능 모읍집을 UI 라이브러리라고 부르고

리액트는 대표적인 자바스크립트 UI 라이브러리이다.

조금 더 쉽게 말하면 화면을 만들기 위한 기능들을 모아놓은 것을 의미한다.

 

웹사이트를 만들기 위한 자바스크립트 UI 라이브러리들은 아래와 같이 여러 개가 있다.

 

 

---

 

🥊 프레임워크 vs 라이브러리

프레임워크는 흐름의 제어 권한이 프레임워크가 가지고 있다.

라이브러리는 흐름의 제어 권한이 개발자가 가지고 있다.

 

 

 

🧑🏻‍🏫 마무리, 리액트를 배워야 하는 이유

정리하자면 리액트는 사용자와 웹사이트에 상호 작용을 돕는 인터페이스를 만들기 위한 자바스크립트 기능 모음집이다.

(UI 라이브러리)

 

웹 사이트를 개발하기 위하여 html, css, 자바스크립트 모두 다 잘 다뤄야 된다.

하지만 사이트의 규모가 커지면 커질수록 수많은 페이지를 잘 만들고 관리하기가 쉽지 않다.

 

이러한 복잡한 사이트를 쉽고 빠르게 만들면서 쉽게 관리하기 위해 만들어진 것이 바로 '리액트'이다.

 

앞에서 SPA에 대해 짧게 설명했었는데 SPA는 하나의 페이지만 존재하는 웹 사이트 또는 웹 애플리케이션을 의미한다.

 

규모가 큰 웹사이트의 경우 수백 개의 페이지가 존재하는데

이것을 각각 페이지마다html로만드는 것은 굉장히 비효율적이고 관리 하기도 힘들다.

 

그래서 1개의 html 틀을 만들어 놓고 사용자가 특정 페이지 요청 시 그 안에 해당 페이지의 내용을 채워서 보내주는 것이 SPA이다

그리고 우리가 배울 '리액트'가 바로 이런 SPA를 쉽고 빠르게 만들 수 있도록 해주는 도구라고 생각하면 된다.

 

 

 

 

 

위 내용은 '소플' 님의 '처음 만난 리액트' 영상을 참고하여 작성되었습니다.