오늘 알아 볼 것.

• 리액트는 무엇일까?
• 왜 리액트를 쓸까?

리액트?

리액트는 UI를 만들기 위한 라이브러리이다.

---

왜 리액트를 쓸까?

리액트의 특장점

웹 페이지의 성향이 동적 웹 페이지로 변화하면서, 단순한 페이지가 아닌 웹 애플리케이션이라고 불리게 되었다. 사용자와의 상호작용이 많아지고 복잡해질 수록 브라우저가 많은 연산을 처리해야 하고, 이를 관리하는 것은 너무 어렵고 비효율적이다.

이를 효율적으로 관리하기 위해 등장한 것이 라이브러리와 프레임워크이다.

리액트는 그럼 라이브러리로서 어떤 특징을 가지고 있을까?

선언형

상호작용이 많은 UI를 만들 때 생기는 어려움을 줄여준다.
데이터가 변경될 때 적절한 컴포넌트만 효율적으로 갱신한다.
코드를 예측하고 디버그 하기 쉽게 만들어 준다.

컴포넌트 기반

스스로 상태를 관리한다.
컴포넌트를 조합하여 복잡한 UI를 만들 수 있다.
JavaSript로 작성되고, 다양한 형식의 데이터를 앱 안에서 손쉽게 전달 할 수 있다.
DOM과 별개로 상태를 관리할 수 있다.
분리되어 있어 관리가 쉽고 재사용성을 높힌다.

재사용성

기존 코드를 다시 작성하지 않고도 React의 새로운 기능을 이용할 수 있다.
조건부 렌더링을 통해 재사용하기 쉽다.

JSX

자바스크립트에 대한 확장 구문으로, element를 제공한다.
익숙한 HTML문법과 유사하게 사용하여 컴포넌트를 생성할 수 있다.

---

라이브러리와 프레임워크의 차이

이 둘의 차이는 무엇일까?

라이브러리

• 단순 활용가능한 도구들의 집합
• 애플리케이션 흐름을 직접 제어

프레임워크

• 추상적인 개념들이 문제를 해결하기 위해 같이 작업하는 방법을 정의
• 컴포넌트 재사용
• 패턴 조작화

라이브러리는 사용자가 라이브러리를 가져다 사용하고 호출하는 측에 주도성이 있고, 프레임워크는 제어 흐름에 대한 주도성이 내포되어 있다.

더 자세한 내용은 참고한 이 페이지를 확인해보자.

*참고 페이지

리액트를 사용하는 이유