리액트 왜 써야함?

리액트는 공식 웹사이트에
A JavaScript library for building user interfaces
라고 정의 되어있다.
번역해보면 사용자 인터페이스를 구축하기(만들기) 위한 자바스크립트 라이브러리

---

즉, 사용자와 웹사이트의 사이에서 잘 소통이 되도록
돕는 인터페이스(입력과 출력 : 버튼이나 텍스트 창 등)를 만들기 위한 자바스크립트 기능 모음집이다.

웹사이트를 개발하기 위해서는 먼저
HTML, CSS, 자바스크립트를 모두 잘 다뤄야 한다.
하지만 사이트의 규모가 커지면 커질수록
필요한 수 많은 페이지를 잘 만들어
관리한다는 것은 쉬운 일이 아니다.

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

리액트 개꿀~~

---

그럼 왜 빨라지는 걸까?

그건 SPA라는
웹사이트를 구성하는 방법으로 인해 빨라진다.

SPA란 Single Page Application의 약자로
하나의 페이지만 존재하는
웹사이트(또는 웹 애플리케이션)를 의미한다.

규모가 큰 웹사이트의 경우
수백 개의 페이지가 존재하는데,
이것을 각각 페이지마다 HTML로 만드는 것은
굉장히 비효율적이고 관리하기도 힘들다.

화면 누를때 바뀌는거 하나하나
HTML 만들면 네이버는 수천개는 넘게 만들어야 될듯… 상상만 해도 끔찍

그래서 하나의 HTML 틀을 만들어 놓고,
사용자가 특정 페이지를 요청할 때
그 안에 해당 변경할 페이지의 내용을 채워서
보내주는 것이 SPA

---

예를 들면 네이버 앱 뉴스에서
카테고리 메뉴마다 구성하는
레이아웃 디자인이 같다.

이걸 하나하나 누를 때마다 글씨 굵어지는 효과,
광고가 다른 광고로 바뀔때 등을
내용이 바뀔때마다 페이지를 다 따로 만들어서
연결해주는건 너무 노가다다. 생각만 해도 숨 턱턱 막힘.
그래서 리액트를 사용해서
그 내용만 갈아주는것이다.

리액트는 이렇게 SPA를 이용해서
웹사이트를 쉽고 빠르게 만들수 있도록
해주는 도구라고 생각하면 된다!

이인제, 『소플의 처음 만난 리액트』, 프롬북스(2022), p59.