내가 react를 왜 썼는가 라는 질문이 들어 왔을때 어떤 대답을 해야할지 고민을 많이 했습니다... Angular, vue 도 있는데 왜 react를 선택 했는지!
일단 3개를 비교하기전에 프레임워크와 라이브러리에 대해 알아봐야 할거 같습니다!
프레임 워크란?
프레임워크는 뼈대 or 기반구조를 의미합니다. 프로그래밍을 진행할 때 필수적인 코드, 알고리즘 둥과 같이 어느 정도의 구조를 제공
라이브러리란?
특정 기능에 대한 도구 또는 함수들의 집합입니다.
React를 쓴이유
리액트는 라이브러리여서 유연성이 좋으며, 리액트 native를 통해 앱개발도 가능합니다.
리액트는 커맨드라인 인터페이스(CLI)가 많아 접근성이 좋고 사용하기 편리함
리액트는 앵귤러와 뷰보다 인기가 가장 많아 커뮤니티가 방대하면서, 정보를 얻기가 쉽습니다.
리액트는 Virtual DOM을 사용해 성능을 높일수 있습니다.
Virtual DOM은 tree 구조로 된 DOM이 연산을 통해 HTML 파일을 브라워저에 렌더링 될 때 화면의 DOM과 동일한 virtual DOM을 메모리 상에 만들고 DOM 조작 시 메모리 상의 virtual DOM에서 연산을 수행한 후 마지막에 실제 DOM으로 넘기는 방식
JSX는 javascript에 XML을 확장한 문법을 사용
웹팩 : 여러 모듈을 하나로 묶어주어 웹 서비스의 속도를 개선해주는 모듈 번들러
바벨 : 구형 브라우저에서도 최신 자바스크립트 코드를 번역하게끔 변환시켜주는 트랜스파일러
vue
vue는 리액트와 앵귤러 장점을 가져왔다 생각하면된다!
virtual DOM / 양방향 바인딩 등?
단점은 뷰는 기업에서 만든것이 아니므로 프레임 워크의 유지관리 측면에서 부족하며 / 커뮤티니가 작아 정보량이 작습니다.
Angular
구글에서 만든 타입스크립트 기반의 웹 어플리케이션 오픈소스 프레임워크
생성, 테스팅, 빌드, 배포 모든 기능을 제공
자유도는 떨어지지만 유지관리가 용이
초기 로딩속도 느림 / 페이지 전환 속도는 빠름
