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

1. 웹 브라우저에서 웹 서버가 제공하는 자원을 얻으려면

URL 문자열(ex : http://웹_서버/자원1)을 HTTP 프로토콜을 사용하여 웹 서버에 요청해야 하는데,

이를 HTTP 요청이라고 한다.

 

2. 그러면 HTTP 요청을 받은 웹 서버가 해당 자원을 브라우저에 보내주게 된다.

이를 HTTP 응답이라고 한다.

 

3. 그리고 웹 브라우저는 웹 서버에서 보내온 HTTP 응답 데이터를 사용자가 볼 수 있도록 웹 페이지 화면에 보여준다.

이를 렌더링이라고 한다.

 

어떤 웹 페이지가 있다고 가정을 하자.

이 웹 페이지가 처음 응답 받은 자원을 렌더링한 뒤 다시 다른 자원을 요청하면 과거에 렌더링한 내용을 모두 지운다.

그리고 새로 수신한 자원을 렌더링하는데, 이 과정에서 약간의 깜빡임(새로 고침)이 발생한다.

: 웹 브라우저에서 주소 창으로 다양한 자원을 요청하는 방식의 경우 이런 현상을 피해갈 수 없다.

이를 멀티 페이지 애플리케이션(multi page application)이라고 한다.

 

그런데 만약, 주소 창으로 요청하는 자원이 하나 뿐이라면 이런 현상은 일어나지 않는다.

React 프레임워크로 만드는 웹 애플리케이션은 index.html 파일 1개로 동작한다.

즉, React 프레임워크는 현재 화면에서 사용자가 새로 요청한 부분만 동적으로 화면을 생성한다.

이를 싱글 페이지 애플리케이션(single page application)이라고 한다.