[React.js] 리액트란? 프론트 엔드의 대세!! 페이스북 오픈소스 라이브러리

리액트에 관심을 가지고 꾸준히 공부하고 있는 초보 개발자 염염2 입니다 ^ㅡ^

앞으로 제가 공부하면서 얻은 꿀팁들을 포스팅하며 공유할 예정인데요

오늘은 리액트가 무엇인지 한번 알아보려 합니다!!

구글, 애플, 아마존, IBM 등을 더불어 IT 기술의 선두에 있는

페이스북에서 만든 기술이란건.. 아시죠!?

보통 MVC 모델이란 말을 많이 쓰죠??

간단하게 리액트는 V! 바로 View에 초점이 맞춰진 기술입니다

리액트는 UI를 구축하기 위한 라이브러리로서 UI를 한 번만 정의하고 사용할 수 있게 해줍니다

이후 앱의 상태가 변경되면 별도의 조치 없이도

UI가 이에 반응해 자동으로 다시 재구성된답니다 ㅎ_ㅎ

리액트에서는 관리하기 쉬운 작은 컴포넌트로 크고 강력한 앱을 구축합니다!!

더 이상 함수 본체의 절반을 DOM노드를 찾는 데 허비할 필요 없이

보통의 자바스크립트 객체를 이용해 앱의 상태만 관리하면

나머지는 리액트가 알아~~~서~ 처리해준답니다 개이덕!!

그렇다면.. 리액트로 활용할 수 있는 분야는??

웹 앱

iOS, 안드로이드 앱

캔버스 앱

TV 앱

네이티브 데스크톱 앱

(출처 : 시작하세요! 리액트 프로그래밍 / 스토얀 스테파노프 지음)

리액트의 우수성은 가상 DOM 방식을 사용한다는 것이 매우 중요한 데요

(Angular도 Angular2로 업그레이드 하면서 이 방식을 배껴왔다는.... ㅎㅎ)

아래의 영상은 네이버 개발자 컨퍼런스 DEVIEW 2016년 영상의 일부 입니다!

React VS Angular2 주제로 강연한 영상인데요

가상 DOM 방식과 Angular2와의 차이를 쉽게 이해할 수 있는 영상이니

참고하시면 많이 도움 되실 거에요 ㅎㅎ

제가 DEVIEW에 참석하지 않았다면 리액트도 시작하지 않았을 거라는...

리액트를 배워 활용하면 앱을 제작하는 실제 목적인

핵심 기능을 개발하는 데 집중할 수 있습니다!!

시작하세요!!! 리액트!!