React와 Angular의 차이는 React는 사용자 인터페이스 라이브러리이고 Angular는 자바스크립트 프레임워크라는 점입니다.

라이브러리는 이미 만들어져 있는 함수들의 집합을 사용하는거고 프레임워크는 개발자가 어떻게 개발을 할 것인지 프로그램의 전체적인 툴을 제공해준다는 차이가 있습니다.

페이스북의 리액트(React JS)

리액트는 페이스북이 UI를 효율적으로 만들기 위해 제작한 자바스크립트 라이브러리입니다.

가장 큰 특징은 MVC(Model View Controller)패턴에서 컴포넌트를 통해 View를 표현하는데만 집중하고 있다는 점입니다. 따라서 Front UI 개발자의 경우 리액트를 사용했을 때 유리합니다. 또 다른 장점으로는 커스터마이징으로 나만의 태그를 만들 수 있는 커스텀 태그가 있습니다. 이를 통해 웹개발이 가능한 방식을 지원 하게 됩니다. 기능을 모듈화 할 수 있고 코드를 쉽게 이해할 수 있어 개발자가 코드를 수정하거나 다시 사용하기 쉽습니다.

구글의 앵귤러(Angular JS)

글 처음에 언급했듯이 앵귤러는 자바스크립트 프레임워크입니다. 브라우저 기반의 앱 개발용 프레임워크라고 정의할 수 있는데 구글에서 개발을 했습니다. 구글은 브라우저(크롬)를 만드는 벤더사로 앵귤러 역시 이러한 개발 표준에 따라 개발되었으며 기본적으로 사용하는 모든 것들이 표준 기술입니다. 그래서 HTML 표준 템플릿, 웹 컴포넌트, 웹 애니메이션 API 등 직접적으로 업계 표준을 따르고 있습니다. 

Angular JS의 특징은 기존의 프레임워크들과는 달리 DOM 조작과 제어가 아닌 데이터 변화에 포커스를 맞춘 방식을 사용하고 있다는 점입니다. 때문에 자바스크립트에서 작업해야하는 코드는 상당히 간결해 졌고 이를 통한 개발 속도도 빨라졌습니다. 유지 보수 또한 대단히 쉬우며 모듈별로 테스트 코드를 작성할 수 있다는 장점과 함께 백엔드와 프론트엔드를 완전히 분리할 수 있습니다. 또한 버전 업그레이드를 통해 서버 사이드 랜더링 지원과 타입 스크립트를 도입하였습니다.

서버사이드 렌더링의 장점

  • 최초 페이지 접속시 유저가 보는 속도가 빨라짐
  • 검색엔진 최적화에도 문제 없음
  • 서버와 클라이언트 사이드 코드를 하나로 합칠 수 있음
  • 기존 웹앱의 단점 다수가 사라짐

Angular JS vs React JS

둘 중 어떤 것을 선택해야 할까? 제 결론은 결국 개발자의 몫이라 생각합니다. 앵귤러는 MVC를 표방하나 리액트는 그 중에서도 View에만 집중하고 앵귤러는 트렌디한 프레임워크로 재사용 가능한 UI 경험을 제공하고 개발 프로세스에 대한 수준을 향상, 웹과 모바일 그리고 데스크탑, 애플리케이션에 모두 적용이 가능하다는 것이 가장 특징입니다.

리액트는 아무리 복잡하고 큰 UI에서도 훌륭한 성과를 낼수 있을 뿐만 아니라 렌더링 속도가 빠르며 데이터 흐름을 설계하는데 있어 유연성이 좋다는 것이 특징입니다. 무엇보다 가장 큰 차이점은 앵귤러는 HTML 중심의 프레임워크라는 것이며 리액트는 자바스크립트 중심의 라이브러리라는 점입니다.

0 Comments

Cancel