Angular vs react

Angular VS React 김종현
@grapgrap
fussaep@gmail.com

간단한 소개
Angular
구글의 주도하에 관리되는 오픈소스 프로젝트
One Framework. Mobile & Desktop을 슬로건으로 내 검
모듈 중심의 컴포넌트 위주 개발을 특징으로 함

간단한 소개
React
페이스북 주도하에 관리 되는 오픈소스 프로젝트
A Javascript library for building user interface. 를 슬로건으로 내 검
컴포넌트 위주의 개발을 특징으로 함

태생적 차이
Angular는 프래임워크 이고,
React는 라이브러리 이다.

태생적 차이
프래임 워크 VS 라이브러리
출처 : https://www.quora.com/Whats-the-difference-between-a-library-and-a-
framework

태생적 차이
프래임워크 VS 라이브러리
프래임워크는 프로젝트의 아키텍처를 결정하고 그것에 맞춰 개발자가 개발
라이브러리는 개발자가 개발을 주도 하고, 필요에 의해 호출 됨.

태생적 차이
Angular === 프래임워크
Angular는 프론트엔드 웹 개발에 필요한 모든 모듈을 가지고 있음.
자세한 것은 https://angular.io/api
모듈 갯수만 27개, 그 안에 들어있는 클래스는...

태생적 차이
Angular는 프론트엔드 웹 개발에 필요한 모든 모듈을 가지고 있음.
https://angular.io/api
모듈 갯수만 27개, 그 안에 들어있는 클래스는...

태생적 차이
Angular 하나만 공부하면 됨
장점 단점
Angular 하나만 해도 뒤지게 많음
(처음부터 모든 걸 알 필욘 없지만...)

태생적 차이
React === 라이브러리
React는 View를 컨트롤 하는 모듈만 가짐
포함 되지 않은 기능을 이용하려면 다른 라이브러리를 설치 해야함.

태생적 차이
React === 라이브러리
React만 따지고 보면 별거 아님
장점 단점
다른 라이브러리를 뭘 써야 할 지 모르면,
그것부터 공부 해야 함.

태생적 차이
결론
Angular는 잘 쓰긴 어렵지만 잘하면 짱 센 친구
React는 쓰기 쉽지만 잘하긴 어려운 친구

태생적 차이
결론
React는
쓰기 쉽지만 잘하긴 어려운 친구
Angular는
쓰긴 어렵지만 잘하면 짱 센 친구

코딩 스타일
Angular
Angular는 마이크로소프트에서 만든 Typescript를 이용해 구현.
HTML, CSS, Typescript가 모두 나뉘어 있음.
Module을 기준으로 각각의 역할을 가짐.

코딩 스타일
React
React는 페이스북에서 만든 JSX를 이용해 구현.
JSX는 HTML과 Javascript가 한데 모인 형태.
Angular의 모듈같은 것이 따로 없음.

코딩 스타일
상태 관리 (부모 - 자식 컴포넌트일 경우)
Angular React
@Input, @Output을 이용
Props를 이용
Props에 변수와 함수를 받을 수 있음.
@Input은 부모의 상태를 자식에게 주입
상태가 변경될 때마다 주입
식은 상태가 변경되면 그에 맞는 동작 실행
utput은 자식의 상태 변경시 부모에게 전달
변수는 Angular의 @Input과 동일
함수는 부모 컴포넌트에서 선언한 함수를
자식 컴포넌트에서 실행 가능
보통 @Output과 비슷한 기능을 수행

코딩 스타일
상태 관리 (부모 - 자식 컴포넌트가 아닐 경우)
Angular React
Service 라는 Angular 자체 기능 사용
ngrx, mobx등 외부 라이브러리 사용
Redux, mobx 등 외부 라이브러리 사용

Angular vs react

More Related Content

What's hot (20)

Similar to Angular vs react (12)

More from 종현 김 (8)

Angular vs react