React.js의 역사와 유용한 툴

React.js는 언제 만들어지고 어떠한 툴을 사용하는것이 유용할까?

리액트는 HTML의 도움을 받아 데이터 보기를 수행하는 인기있는 오픈 소스 자바스크립트 라이브러리입니다. 리액트JS와 리액트.js로도 알려져 있으므로 각각 다르게 표기를 하더라도 리액트라고 하면 같은것이니 크게 신경쓸필요는 없습니다. 리액트는 페이스북에서 개발되었기 때문에 "Facebook React.js"로도 널리 알려져 있습니다. 현재, 리액트는 라이브러리에 관심이 있는 인스타그램, 페이스북 그리고 커뮤니티 개발자들과 같은 사람들에 의해 지속적으로 유지되고 개발되어지고 있습니다. ReactJS는 구성요소 기반 시스템을 사용하여 작동합니다. 구성 요소는 사용자 지정 HTML 태그로 지정되므로 쉽게 사용할 수 있습니다. 내부 구성요소나 데이터 흐름을 보호할 때 리액션이 매우 유용합니다. 하위 구성요소는 외부 쿼리에 직접 영향을 받을 수 없으므로 프런트 엔드 뷰 개발에 적합합니다. 또한 HTML 문서를 새로운 데이터로 업데이트하는 데 매우 효율적이므로 페이스북이나 인스타그램과 같은 데이터 중심 웹 애플리케이션에 완벽한 선택이 되고 있습니다. 또한 라이브러리는 서로 다른 구성 요소 간에 깔끔한 분리가 이루어지도록 하여 향후 유지 관리 및 업그레이드가 용이하도록 보장합니다. 리액트는 시장에 나와있는 다른 언어의 기술과 비교했을 때 새로운 기술이다. 페이스북의 소프트웨어 엔지니어인 Jordan Walke가 2011년에 라이브러리를 만들었습니다. 리액트는 PHP를 위한 간단한 HTML 구성 요소 프레임워크인 XHP와 같은 것에 영향을 받았습니다. 리액트의 첫 번째 사용 사례는 2011년 페이스북 뉴스피드에 있었는데요. 나중에, 그것은 그들의 시스템에서 사용하기 위해 인스타그램에 의해 선택됩니다. 시간이 지남에 따라 리액트는 성장하였고, 페이스북은 2013년 5월 JS Conf US에서 오픈 소스로 만들기로 결정하였습니다. 2015년 JSConf는 안드로이드와 iOS 개발로 손쉬운 개발을 가능하게 한 리액트 네이티브를 발표했습니다. 같은 해, React Native는 성장을 돕기 위해 오픈 소스화되었다. 이번에는 리액트를 사용하는데 몇가지 유용한 라이브러리를 소개하겠습니다. 첫번째로 Structor입니다. Struct는 간단한 사용자 인터페이스 빌더로서 리액트 UI를 사용하는 node.js 웹 애플리케이션과 함께 사용하면 굉장히 유용하게 사용할 수 있습니다. 두번째로 Coffee-react이며 Coffee Script로 JSX 코드를 작성할 수 있습니다. 세번째로 ESLint인데요. 린터를 처리하기 위한 간단한 도구 입니다. 네번째로 babel이며 바벨은 리액트와 함께 사용할 수 있는 자바스크립트 컴파일러입니다. 지금까지 모바일 시장에서 굉장히 많은 영향력을 가지고 있는 리액트에 알아보았는데요. 현재는 이전에 잠시언급한 dart언어를 사용하여 개발할 수 있는 flutter와 경쟁에 있는 언어이기도 합니다. 모바일 어플리케이션 개발에 관심이 있다면 페이스북에서 개발한 리액트를 사용할것인지 아니면 구글에서 개발한 flutter를 사용할것인지 아니면 스위프트와 코틀린을 선택하여 각각 개발할것인지 고민해볼 필요가 있을것 같네요.