2. react.js는 무엇인가요?

리액트는 자바스크립트 라이브러리

넷플릭스와 같은 웹사이트를 생각해보면 원활하게 작동하는 것을 알 수 있다. 화면전화도 빠르고 기다릴 필요가 없다. 로딩이 없는 것 같다. 마치 모바일 앱을 이용하는 것 같은 느낌을 준다. 

전통적인 웹사이트라고 하면 클릭을 하고 그 요청이 서버에 전송되어 새로운 html페이지가 브라우저로 보내져 화면에 보여지는 과정을 거쳤다. 그리고 그 과정에서 html을 로딩하는 시간 때문에 기다리는 일이 발생했다. 

 

브라우저에서 JS는 DOM이라는 것을 조작할 수 있다

이를 통해 HTML 요소들이 화면에 렌더링 된다

자바스크립트로 이를 조작할 수 있고, 다른 화면을 보여주기 위해서 새로운 HTML을 불러오지 않아도 된다. 

 

이것이 JS의 역할이고 리액트 역시 JS 라이브러리이기 때문에 일종의 추가적인 구성 요소처럼 도움이 된다. 

 

반응형

 

실제로 React.js는 Client side의 Javascript 라이브러리이고 클라이언트 사이드의 자바스크립트 코드를 작성하는데 도움을 준다.

웹사이트를 위한 최신의 반응형 사용자 인터페이스를 구축하는 것이 중요하다

그리고 그 과정에서 복잡한 사용자 인터페이스를 쉽게 해주는 React.js의 다양한 기능들과 도구들을 배우게 된다. 

그렇다면 한 가지 질문이 더 남았는데

왜 리액트가 필요할까?

 

 즉 Javascript가 필요하다는 건 알겠는데 추가로 리액트까지 필요한 이유가 있을까? 

다음 강의에서 자바스크립트로 상호작용하는 웹사이트와 리액트를 이용한 두 가지 방법을 보여줄 것이다. 

이 예제를 보면 왜 React를 사용하게 되었는지 알 수 있을 것이다.