사용자 인터페이스 UI 개발을 위한 자바스크립트 라이브러리는 리액트 JS 이다.
최근 Angular.JS , Vue.JS 와 함께 프론트엔드 개발을 위한 3대장이라고 불릴만큼 인기가 많다.
자바스크립트 라이브러리
React.JS
React.JS 는 UI 구현을 위한 자바스크립트 라이브러리이다.
리액트 JS는 페이스북과 인스타그램의 개발자들이 만들고 있다. 리액트의 가장 큰 차별점은 MVC패턴에서 V 즉 !
View 에만 집중하고 있다는 점이다. V 는 데이터를 화면에 표현하는 부분으로 생각하면 이해하기 쉽다 :-)
View 에 관련된 UI만 구현하고 싶다면 리액트를 사용했을 때 만족도는 UP 된 다는 점 ! !
프레임워크 No
라이브러리 Yes
React.JS 자바스크립트 라이브러리 : YES ♡
UI 컴포넌트를 만들어 캡슐화를 시켜주기 때문에 재사용성이 높고 한가지 작업만 하기 때문에 단순하고, 다양한 자바스크립트 프레임워크나 라이브러리와 함께 사용도 가능하다. 따라서 기존 코드를 모두 바꿀 필요없이 필요한 부분에서만 조금씩 React.JS를 사용할 수 있다.
특히 React.JS는 기존의 라이브러리나 프레임워크와 달리 MVC패턴이 아닌 그 중에서도 View에만 집중한 라이브러리라는 것을 알 수 있다.
※(注記) 라이브러리 vs 프레임워크의 차이를 알려주세요.
정말 쉽게 애플리케이션의 제어 흐름을 누가 또는 어디서 주도하고 있느냐에 그 차이가 있다고 볼 수 있다.
"라이브러리"는 라이브러리를 가져와 사용하며 호출하지만 "프레임워크"는 가져와 사용한다기 보다는 프레임워크의 틀 안에서 사용한다는 점이 다르다. 즉, 라이브러리는 개발자나 사용자가 전체적인 흐름을 구현하며 라이브러리를 가져와 쓰는 것이며, 프레임워크는 큰 틀에서 전체적인 흐름을 가지고 있어 개발자나 큰 틀 안에서 필요한 코드를 작성하고 구현을 하게 된다는 차이가 있다.
React.JS 너의 특징
1. 선언형
UI를 만들때 쉽고 간결하게 해준다. 애플리케이션 안에서 각각 상태에 따른 디자인 뷰와 연결된 데이터가 변경되면, 이에 맞는 컴포넌트들을
올바르게 랜더링해 화면 구성을 해준다. 이 처럼 선언형의 화면뷰는 예측 가능한 코드 및 쉬운 디버깅을 하게 해준다.
2. JavaScript 기반
리액느는 자바스크립트 기반으로 별도의 프레임워크를 배울 필요가 없이 자바스크립트를 그대로 활용하면 된다.
앵귤러(Angular.JS)또는 뷰(Vue.JS)처럼 다른 언어를 배울 필요가 없기 때문에 자바스크립트와 HTML을 조금 아는 정도로도 개발이 가능하다.
3. 컴포넌트
요소라고 하는 컴포넌트는 개별로 나누어 개발이 가능하다. 또 이렇게 개발한 것을 다른 곳에 활용할 수도 있다. 또 자바스크립트와 JSX를 조금 사용할 줄 안다면 간단하게 구현이 가능한데 이 때문에 개바을 쉽게 하고 유지보스를 하는데도 큰 장점이 있다. 상태를 관리하는 컴포넌트들을 캡슐화해 빌드한 후 그 컴포넌트들을 복잡한 UI로 조합하여 구성이 가능한데, 컴포넌트 로직은 자바스크립트로 구성이 되어있어 애플리케이션을 통한 대량 데이터를 전송가능하게 하고 DOM의 외부상태를 쉽게 유지할 수도 있다.
그런데 React Native ..
는 뭐지 ?
마지막으로 React.JS 는 알겠는데 React Native (리액트 네이티브)가 뭔지 궁금해 하시는 여러분들을 위해 간략하게 개념을 구성해 보면
리액트가 좀 더 인기를 끌게 된 것은 " 리액트 네이티브 " 덕분이라고 할 수 있다. 리액트 네이티브는 네이티브 모바일 앱을 만들기 위한 프레임워크로서 리액트를 기반으로 개발되었다. 리액트 라이브러리가 웹 개발자나 하이브리드 앱 개발자에게 유용하고 관심을 끌게 하는 기술이라면 , 리액트 네이티브는 모바일 개발자들이 몹시 주목할 기술이다.
대다수의 모바일 앱은 하이브리드가 아닌 네이티브 앱 형식으로 개발이 되는데 여기서 일반적으로 안드로이드와 iOS에서 동시 작동하는 소스코드를 작성하기 위해서는 "웹뷰"를 이용해야만 했다. 그러나 웹뷰를 이용한 하이브리드 앱 기술은 기존의 네이티브 앱에서 지원하는 속성을 이해하지 못했는데 리액트 네이티브 활용으로 네이티브 속성을 그대로 이용하는 것이 가능해졌다. :-)
여러분 , React.JS 를
배우고 싶을 땐 ?
웹 UI/UX 기반 또는 프론트엔드 분야로 취업을 준비하는 여러분들 !
또는 , 커리어 및 기술능력치를 향상시키기 위한 역량 교육을 찾고 있는 분들이라면 !
SD아카데미의 훈련과정을 추천합니다.
React.JS 자바스크립트 라이브러리를 진행하는 전문 교육 기관
바로 여기에요. Right Now