SPA(Single Page Application)? (Angular, React, Vue)

SPA(Single Page Application)

• 다양한 MVC 프레임워크로 편리한 개발이 가능해졌지만, 특정 페이지를 업데이트할 때 페이지를 리다이렉션하는 불편함이 있었다. 예를 들어 좋아요를 누르는 등의 간단한 작업을 하더라도 새로고침을 해야하는 것이다.
• 그런 불편함을 해소하기 위해 등장한 것이 Angular나 React, Vue같은 Single Page Application이다.
• 이러한 Single Page Application의 서버는 단순히 html,css,javascript 정보를 브라우저에 전송한다.
• 이 때 포함된 javascript 코드가 웹서버처럼 html 페이지를 랜더링해주는 역할을 한다.
• 그리고 필요한 데이터(EX. 좋아요 갯수, 좋아요 여부 등)가 저장되는 백엔드 서버는 따로 구성되는 것이다.
• 그리고 서버에서 데이터를 받아와야할 때(좋아요 클릭 등)마다 요청을 보내 새로 반환된 데이터로 사이트 내용을 갱신한다. 새롭게 리다이렉션하지 않아도 javascript의 힘만으로 정보 업데이트가 가능해 상당히 효율적이고 편리하다.
• 이러한 SPA의 코드는 바로 브라우저가 해석할 수 없기 때문에 대부분 '빌드'과정이 요구된다.
• 정보 출처 : 얄팍한 코딩사전 유튜브 https://www.youtube.com/watch?v=iE29lbjbow0&list=PLpO7kx5DnyIFQ4XuYirD--DvRyUgaHD9w&index=7