리액트란

페이스북에서 개발한 오픈 소스 JavaScript 프레임워크로, 싱글 페이지 애플리케이션(SPA)의 사용자 인터페이스(UI)를 구축하기 위한 도구라고 할 수 있다.

싱글 페이지 애플리케이션(SPA)

웹 페이지가 처음 응답받은 리소스를 렌더링한 뒤 다시 다른 리소스를 요청하면, 이전에 렌더링한 내용을 모두 지운다. 그리고 새로 수신한 리소스를 렌더링하는데 이 과정에서 웹 페이지는 새로고침 현상에 생긴다. 웹 브라우저에서 주소 창으로 다양한 리소스를 요청하는 방식으로 동작하는 웹 서버는 이런 깜빡임 현상을 피할 수 없다.

그럼 만약, 주소 창으로 요청하는 리소스가 하나뿐이라면? 리액트로 만든 웹 애플리케이션은 index.html 파일 1개로 동작하므로 웹 서버에 리소스를 한 번만 요청한다. 따라서 깜빡임 현상이 일어나지 않는다. 즉, 리액트는 백엔드에서 받은 JSON 데이터를 해석하여 현재 화면에서 사용자가 새로 요청한 부분만 동적으로 화면을 생성한다.