React(리액트)의 장단점과 다른 프레임워크들과의 비교

오늘은 리액트의 장단점과 저번 리액트의 특징에서 적지 못한 웹 개발할 때 많이 쓰는 Angular, Vue에 특징을 적어보도록 하겠습니다.

(허허.... 이런 글을 적는게 처음이라 어떻게 정리할지 잘 모르겠습니다... 허허)

 

---

1. 리액트의 장단점

멋쟁이 리액트 이미치 출처 )https://upload.wikimedia.org/wikipedia/commons/thumb/a/a7/React-icon.svg/200px-React-icon.svg.png

장점

1. 웹 개발자들이 가장 많이 사용하고 있어 방대한 커뮤니티, 자료를 통해 쉽게 배울 수 있다.

2. UI 수정과 재사용성이 좋고, 코드의 가독성 또한 높일 수 있다.

3. 개발에 도움이되고, 필요한 라이브러리들의 많이 있다.

4. 타입스크립트와도 궁합도가 매우 좋다.

5. 코드의 재활성이 좋아 생상성이 좋다.

6. 코드를 쉽게 만들 수 있어 리팩토링과 반복 작업에도 효과적이다.

 

단점

1. 리액트는 리덕스와 같은 상태 관리 도구를 사용하기에 많은 공부가 필요하다.

2. 스타일링이 어렵다.

3. 로딩 시간이 길다.

4. Javascript의 지식이 필수적이다.

(필자도 Javascript의 지식이 부족해 개발하는데 어려움을 겪은 적이 많습니다. 모두 화이팅!!)

 

---

2. 리액트 말고 우리도 있다!!!  (Angular, Vue)

웹을 개발하는 데에는 React만 존재하는 것이 아닌 Angular, Vue가 존재합니다.

Angular와 Vue는 모두 인기 있는 프론트엔드 자바스크립트 프레임워크 혹은 라이브러리입니다.

 

 

1. 앵귤러 (Angular)

 

이미지 출처) https://namu.wiki/w/Angular

 

• Google에서 개발한 프론트엔드 프레임워크.
• 전체적으로 opinionated 한 접근 방식을 채택하여 개발자에게 구조와 방법론을 강제합니다.
• 풍부한 기능과 도구를 제공하여 대규모 응용 프로그램을 개발하기 용이합니다.
• TypeScript를 기본 언어로 사용하며, 강력한 타입 시스템을 제공합니다.

2. 뷰 (Vue.js):

이미지 출처) https://ko.wikipedia.org/wiki/Vue.js

 

 

• Evan You가 만든 진보적이고 가벼운 프론트엔드 프레임워크.
• 반응성 및 성능에 중점을 둔다.
• 앵귤러보다 유연하며 학습 곡선이 낮고 간결한 문법을 가지고 있습니다.
• 공식 라이브러리 외에도 다양한 플러그인과 라이브러리가 존재하여 개발 생산성을 높입니다.

 

 

 

오늘은 리액트의 장단점과 다른 프레임워크 혹은 라이브러리에 대해서 알아보았습니다.

앵귤러와 뷰의 장단점은 카테고리에 뷰 혹은 앵귤러를 작성 할때 따로 적어보도록 하겠습니다.

 

다음은 리액트 프로젝트를 시작하기 전에 어떤 것을 설치해야하는지 환경설정을 적어보도록하겠습니다.