간단히 말해 자바스크립트 UI 라이브러리 입니다.
리액트를 사용해본 개발자들은 대부분 만족할수 있을만큼 리액트는 인기가 많습니다. 그렇다면 리액트를 사용하는 이유는 무엇일까요?
리액트 사용이유
먼저 대부분의 개발자들이 자바스크립트를 경험하시고 리액트를 사용하실거라고 생각합니다. 리액트는 이런 바닐라자바스크립트에 비해 굉장히 코드가 간결해 질수 있고 개발자가 구현한 컴포넌트들의 조합으로 굉장히 쉽게 컴포넌트들을 추가하고 삭제, 관리하기 용이하다고 저는 생각합니다.
바닐라 자바스크립트를 사용할경우 우리는 기능을 구현할때마다 dom에 접근하여 원하는 작업을 해줘야 됩니다. 프로젝트가 커지고정말 다양한 유저 인터페이스와 인터랙션을 제공하게 된다면, 직접 많은 dom요소를 관리하기 어렵다고 생각하고 이로인하여 라이브러리,프레임워크가 생겨나 개발에만 집중할수 있는 환경이 조성이 되었다고 생각합니다.
컴포넌트란?
컴포넌트는 데이터를 넣으면 우리가 지정한 유저 인터페이스를 조립해서 보여줍니다.
Virtual Dom
리액트는 virtual Dom을 사용합니다. 리액트가 실행되면 리액트는 Dom을 복제해 가상돔을 만들고 기능이나 이벤트가 발생하면 그 기능만 virtualdom에서 수정하여 페이지에 보여주기때문에 웹사이트가 처음 실행될때는 SSR(server side Rendering)보다는 느리지만 웹사이트가 실행되고 나서는 굉장히 빠릅니다. 이를 CSR 풀어서 말하면 Client side Rendering이라고 부르며 CSR 과 SSR의 차이점은 다음에 자세히 블로그에 기재하겠습니다.
