본문 바로가기
리액트(React)

리액트 소개와 특징

by moca7 2025. 3. 7.

 

 

ㅁ 리액트란
- 사용자 인터페이스(UI)를 효율적으로 만들기 위한 컴포넌트 기반의 자바스크립트 라이브러리다. 
- 웹에서 동작하는 프로그램(즉, 웹 애플리케이션)을 만들기 위해 탄생한 자바스크립트 라이브러리다.

- 페이스북에서 만들었다.
- 리액트는 자바스크립트 라이브러리이기 때문에 리액트를 사용하려면 자바스크립트를 알아야 한다.

 

- 라이브러리는 특정 기능을 수행하는 코드들의 집합으로, 개발 시 필요한 기능을 직접 호출해서 사용할 수 있다.

 

 


ㅁ 왜 리액트를 사용하는가
- 리액트는 자바스크립트를 기반으로 만들어진 라이브러리다.

그래서 자바스크립트로 구현해야할 웹의 기능을 편리한 도구와 특화된 구조 안에서 만들 수 있다.
- 리액트는 태생 자체가 웹 애플리케이션 구축을 목적으로 만들어진 라이브러리기 때문에,
웹 애플리케이션 제작에 있어 순수하게 자바스크립트만 사용하는 것보다 훨씬 유리한 장점이 많이 있다.
- 애초에 자바스크립트는 만들어진지 오래되기도 했고, 브라우저에 작은 동작을 추가하기 위해 만들어진 언어이며,
완전한 애플리케이션을 만들기 위해서 설계되지는 않았다.
- 그래서 사람들이 웹 애플리케이션 개발을 할 때 리액트를 선택한다.
- 현 시점에서 가장 인기있는 웹 애플리케이션 개발 도구다.
리액트는 현시점에서 가장 인지도가 높은 유저 인터페이스 라이브러리다.

 

 


ㅁ 리액트의 장점


(1) 컴포넌트 단위 개발에 특화되어 있다.
- 리액트는 컴포넌트 단위 개발에 특화되어 있어 생산성이 좋고, 리액트로 만든 웹은 유지보수가 용이하다.
- 컴포넌트란 웹을 구성하는 웹 콘텐츠를 기능에 따라 구분한 단위다.
버튼, 메뉴, 이미지, 사이드 바, 그래프, 테이블 등 여러 종류의 컴포넌트가 모여 하나의 웹을 구성하는데,
리액트의 컴포넌트는 코드 재사용이나 기능 확장을 하기에 무적 편리한 코드 구조를 제공한다.


(2) 싱글 페이지 애플리케이션 개발에 최적화되어 있다.
- 리액트는 싱글 페이지 애플리케이션을 만든다.
기존의 단순히 html, css, js만을 사용해서 웹 페이지를 만들 때와는 상당히 다른 차별점이다.
- 싱글 페이지 애플리케이션은 서버로부터 새로운 페이지를 불러오지 않고, 현재 페이지를 동적으로 다시 렌더링해 사용자와 소통하는 웹페이지를 말한다.
- 쉽게 말해 페이지를 이동하며 로딩 시간을 기다려야 하는 불편으로부터 자유롭다.


(3) 높은 인지도
- 이게 장점이냐고 할 수 있지만 사실 이만큼 강력한 장점이 또 없다.
- 인기있는 기술을 사용할수록 기회를 얻기에도 유리하고 학습할 때도 유리하다.

 

 

 


ㅁ 리액트의 단점


(1) 어려움
- 리액트는 자바스크립트 문법 뿐만 아니라 리액트만을 위해서 사용하는 특수한 문법이 있어 진입장벽이 있다.

(2) 호환성 문제
- 리액트는 최신 기술 특성상 인터넷 익스플로러와 같은 구형 브라우저에서는 호환되지 않는다.

(3) 속도와 비용
- 리액트로 만든 웹은 용량이 크다.
- 리액트는 웹 애플리케이션 개발을 위해 필요한 다양한 기능과 인터페이스를 제공하는 만큼 기본적으로 용량이 크다.
웹의 용량이 크면 호스팅 비용이나 최초 로딩 속도 등에서 아쉬운 부분이 생긴다.