리액트 Reactjs에 대해 쉬운설명

초보자분들, 이제 막 프로그래밍 언어에 입문하기 직전인 분들에게

React가 무엇인지 일반인도 읽고 이해할 수 있도록 노력했습니다.

해외 컴퓨터 프로그래밍 커뮤니티 스택 오버플로에서 매년 인기 있는 기술력을 순위로 보여주고 있습니다.

1위 자바스크립트 / 2위 자바 / 3위 / 파이썬 / 4위 C#으로 2016년부터 지금까지 순위가 바뀌지 않았습니다.

그렇다면 Reactjs는 몇 위일까요?

6위입니다. 별로 높지 않다고요? 최근 리눅스를 제치고 단숨에 25위에서 6위로 껑충 뛰어올랐습니다. 

갑자기 순위가 확 오르는 경우는 거의 없었습니다. 그만큼 Reactjs는 가장 인기 있는 SQL이라는 것을 말해주고 있습니다.

Reactjs를 프레임 워크라고 생각하는데 리액트는  페이스북에서 2013년 자사 서비스의 UI를 효율적으로 만들기 위해 제작한 자바스크립트 중심의 사용자 인터페이스 라이브러리입니다. 코드가 간단하며 이해하기가 쉽고 개발자가 코드를 수정하거나 다시 사용하기가 쉽다는 것이 큰 특징입니다.

리액트는 아무리 복잡하고 큰 UI에서도 훌륭한 성과를 낼 뿐만 아니라 렌더링 속도가 빠르며 데이터 흐름을 설계하는데 있어 유연성이 좋습니다. View에 초점이 맞춰진 기술로 앱의 상태가 변경되면 별도의 조치 없이도 UI가 이에 반응해 자동으로 다시 재구성됩니다. 리액트로 활용하기에 좋은 분야는 웹앱/IOS, 안드로이드 앱/TV 앱/네이티브 데스크톱 앱 등이 있습니다.

리액트의 우수성은 가상 DOM 방식을 사용한다는 것입니다.

Angular도 Angular2로 업그레이드하면서 가상 DOM 방식을 도입했을 정도로 가상 DOM 방식은 효율이 높습니다.

DOM

Document Object Moedl의 약자로 구조화된 문서를 표현하는 방법을 말합니다.

HTML, XML 등에서 데이터를 표현하거나 상호작용하는데 사용된다. 웹브라우저는 DOM 을 사용하기 때문에 우리는 자바스크립트와 CSS를 사용해서 상호작용할 수 있습니다. 노드를 검색하고 해당 노드의 디테일을 변경하거나, 삭제하고 새롭게 생성할 수도 있습니다. 문제는 다이내믹한 UI와 많은 페이지를 작업하기에는 시간이 너무 오래 걸린다는 것입니다. 

그래서 이것을 해결하기 위해 가상 DOM 방식이 도입되었습니다.

Virtual DOM

가벼운 버전의 DOM 복사본을 만들어 수정해서 실제 DOM에 적용. 리액트는 자바스크립트 오브젝트에서 가져온 DOM 트리를 흉내 낸 가벼운 트리를 만듭니다. 가상 DOM은 DOM 트리를 모방한 가벼운 자바스크립트 Object를 통해 직접 DOM을 핸들링 하지 않고 퍼포먼스를 향상시킬 수 있는 테크닉과 라이브러리, 알고리즘의 모음입니다. 

다음에는 AngularJS 와 코르도바에 대해 알아보도록 하겠습니다.

KIC 캠퍼스에서는 국비지원으로 빅데이터 교육을 비롯한 다양한 과정을 전액 무료로 수강할 수 있습니다.

KIC에서 진행되는 과정 및 신청방법 등이 궁금하다면

홈페이지 문의 또는 아래 번호로 연락 주세요.

http://www.kiccampus.co.kr/unemployed/edu_info.jsp