1강 포스팅에서는 React란 무엇인지?에 대해 정리해보려한다.
1. React란 무엇인가?
리액트란 "자바스크립트 라이브러리" 이다.
전에 게시물에서 프레임워크라 했었는데 강사님이 자바스크립트 라이브러리라하여 들은지 10분도 안되서 혼돈이 찾아왔다.
먼저 위키백과에 따르면, 아래와 같다고 한다.
리액트(React, React.js 또는 ReactJS)는 자바스크립트 라이브러리의 하나로서[2] 사용자 인터페이스를 만들기 위해 사용된다. 페이스북과 개별 개발자 및 기업들 공동체에 의해 유지보수된다
그렇다면 리액트는 라이브러리인데 어디서는 왜 프레임워크라고 하는가,,
이것을 알려면 먼저 라이브러리와 프레임워크에 대해 알아야할것같다.
1) 라이브러리 vs 프레임워크
▶ 공통점 : 시간절약이 된다
▶ 차이점 : 제어 흐름에 대한 주동성이 누구에게 있는가
- 라이브러리(자원) : 개발자가 전체적인 흐름을 만들며 라이브러리를 가져다가 사용하는것
- 프레임워크 (구조) : 이미 정해진 틀안에서 있는것을 사용하는것
따라서 리액트의 경우에는 개발자가 흐름을 바꾸는것이 가능하기에 라이브러리라고 한다.
그렇다면 프레임워크는 ?
이것은 개발자들이 리액트에 필요한 여러가지 기능들을 추가해놨기에 프레임워크에 프레임워크 위치에 있다고 하는것이다!
즉, 리액트는 angular.js와 같은 프레임워크가 아니고 jquery와 같은 자바스크립트 라이브러리이다.
2) 특징
▶ UI를 개발하기 위해 나온 것
▶ 독립된 UI 구성요소로 컴포넌트 단위로 관리가능하다.
▶ Virtual dom을 사용하여 바꾸고자 하는 부분만 바꿀 수 있다.
▶ JSX를 지원한다.
▷자바스크립트 확장문법으로 자바스크립트의 모든 기능이 포함되어있다.
▷React는 JSX의 사용이 필수가 아니지만 UI 관련 작업을 할 때 시각적으로 더 도움이 된다.
▶ 페이스북에서 시작되었고, 현재는 오픈소스이다.
▶ 인스타그램에서 사용한다.
3) 역사
[2011] 페이스북 개발
[2012] 인스타그램에서 사용
[2013] 오픈소스
[2014] 확장
[2015] React Native(모바일에서 사용가능한)
[2016] React15
[현재] 버전 - 18.1.0 / 2022년 4월 26일