리액트는 자바스크립트의 라이브러리이다.
근데 왜 리액트가 핫한걸까 ???
리액트를 사용하는 이유는 SPA(Single Page Application)이다.
앱처럼 빠르게 동작을한다. 앱은 빠르지만 웹은 페이지 이동을하게되면 서버에 요청을 하게되고 서버는 응답을 해주어야하는데 이런식으로 html파일들을 받는게 느릴수밖에없다.
그렇지만 자바스크립트는 DOM을 조작할 수가 있다.
이 말은 서버한테 요청을 안해도 자바스크립트로 제어를 해서 사용자한테 더 빠르고 매끄럽게 보여줄 수 있다라는 말이다.
그래서 리액트 사용하는 이유는 ???
-
자바스크립트로 DOM을 조작하기때문에 html파일을 불러오지도않아도 되고, UI 라이브러리이기때문에 순수 자바스크립트로 만든것보다 쉽게 제어가 가능하다.
-
기존에 바닐라 자바스크립트 작성하게되면 굉장히 복잡하지만 리액트를 사용하면 작은단위로 쪼개어 만드는 Component로 재사용 가능성을 높여 유지보수와 관리를 쉽게 할 수 있다.
-
가상 돔(Virtual DOM)으로 UI가 업데이트가 되었는지 안되었는지 비교 후에 바뀐부분만 업데이트를 하기때문에 굉장히 빠르다. (소규모에서는 큰차이가 없지만, 대규모 프로젝트에서의 성능차이는 어마무시하다.)
Component
컴포넌트는 html, css, 어떤 로직을 위한 자바스크립트의 결합이다.
UI를 구성하는것들을 작은 단위로 쪼갠것을 의미한다.
마치 레고처럼 조립해서 만들어서 하나의 UI를 만들 수 있다.
컴포넌트는 결국 하나의 파일에 모든 html, css, js가 들어간 UI보다는 작은단위로 쪼개어 각각의 역할이 분명하고 명확해지는 방식이다.
물론 재사용성이 리액트, 뷰, 앵귤러에서만 사용하는건 아니다.
재사용성은 모든 프로그래밍에 중요한 개념이다.
