본문 바로가기
프론트엔드

리액트란?

by DR BOY 2023. 5. 5.

리액트 줘

 

리액트란?

자바스크립트의 라이브러리고, 컴포넌트 기반의 UI 라이브러리다.

컴포넌트 단위로 관리하여 html을 첫화면에서 렌더링한 이후 dom을 이용하여 요소를 생성하고 관리한다.

 

왜 리액트일까?

js로 dom을 이용하여 직접 요소를 만들고, 컨트롤할 수 있지만

JS로 요소를 만들어본 사람들은 알 것이다.

createElement, textContent, elem.style ... elem...clickevent를 한땀한땀 몇줄이 늘어가며 쓰게 된다.

 

하지만 리액트는 코드가 매우 간편하고,

컴포넌트 단위로 관리되고 유지보수성이 용이하게끔 개발할 수 있게 된다.

 

리액트 자체로는 내장 기능이 그렇게 많지 않으므로, 써드 파티 라이브러리를 이용하기도 한다.

 

다른 대안, Angular vs React vs Vue: 개인적인 생각 - Maximilian

  • Angular, React, Vue 모두 JavaScript 프레임워크/라이브러리로, 웹 프론트엔드 개발에 많이 사용됨.
    • 구글에서 개발되었으며, 큰 프로젝트에 적합하다.
    • 학습곡선이 가파르고, 타입스크립트를 기본으로 사용한다.
    • HTML과 JS가 분리되어 있다.
  • React는 Facebook에서 개발되었으며, 가상 DOM을 사용하여 성능이 뛰어나다.
    • React는 JSX 문법을 사용하며, 컴포넌트 기반 아키텍처를 가진다.
  • Vue는 Evan You가 개발하였으며, 가벼우면서도 높은 성능과 유연성을 가진다.
    • Vue는 HTML 템플릿과 JavaScript를 조합하여 .vue로 사용하며 빠른 설계 즉 코딩이 가능하다.

중요한 결론:

  • 각각의 라이브러리/프레임워크는 장단점이 있으며, 개발자의 선호도와 프로젝트 요구사항에 따라 선택할 수 있다.
  • Angular와 React는 주로 대규모 애플리케이션에 사용되며, Vue는 작은 규모의 프로젝트에 적합하다.
  • 커뮤니티와 생태계 측면에서는 React가 가장 활발하다.
  • 개인적으로는 Vue가 학습곡선이 낮고 유연하며, 컴포넌트 구성이 쉽다는 점에서 선호한다.
  • Angular, React, Vue는 각각의 장단점을 가지고 있으며, 개발자의 요구사항과 선호도에 따라 선택할 수 있다.
  • Vue는 다른 두 프레임워크보다 더 쉽게 학습할 수 있고, 작은 프로젝트에 적합하다.

 

출처: https://academind.com/tutorials/angular-vs-react-vs-vue-my-thoughts

댓글