본문 바로가기
frontend/vue

[Hoon] Vuejs 강의 - SPA (Single-Page Application)는 무엇인가?

by 플로거 2020. 2. 17.

SPA (Single-Page Application)는 무엇인가?

 

서버로부터 완전한 새로운 페이지를 불러오지 않고 현재의 페이지를 동적으로 다시 작성함으로써 사용자와 소통하는 애플리케이션 말한다.

 

웹 애플리케이션 - 위키백과, 우리 모두의 백과사전

위키백과, 우리 모두의 백과사전. 웹 애플리케이션(web application) 또는 웹 앱은 소프트웨어 공학적 관점에서 인터넷이나 인트라넷을 통해 웹 브라우저에서 이용할 수 있는 응용 소프트웨어를 말한다. 웹 애플리케이션은 클라이언트로서 웹 브라우저를 사용하는 사람이 많기 때문에 인기를 누리고 있다. 수천만 대의 PC에 굳이 소프트웨어를 배포해서 설치하지 않아도 웹 애플리케이션을 유지 관리할 수 있다는 점이 장점 중의 하나이다. 웹 애플리케이션은 웹 메

ko.wikipedia.org

페이지들 간의 간섭을 막아주고 애플리케이션이 데스크톱 애플리케이션(오프라인 작업)처럼 동작하도록 만들어준다.

 

응용 소프트웨어 - 위키백과, 우리 모두의 백과사전

위키백과, 우리 모두의 백과사전. 응용 소프트웨어(영어: application software)는 넓은 의미에서는 운영 체제에서 실행되는 모든 소프트웨어를 뜻한다. 따라서 워드프로세서, 스프레드시트, 웹브라우저들뿐만 아니라 컴파일러나 링커 등도 응용 소프트웨어인 셈이다. 또는 좁은 의미에서는 OS 위에서 사용자가 직접 사용하게되는 소프트웨어들을 뜻한다. 이런 경우 컴파일러나 링커등 시스템소프트웨어를 제외한 워드프로세서등의 소프트웨어들만을 주로 뜻한다. 이

ko.wikipedia.org

SPA에서 적절한 자원들을 동적으로 불러들여서 필요하면 문서에 추가하는데, 보통 사용자의 동작에 응답하게 되는 방식이다.

 

동적 적재 - 위키백과, 우리 모두의 백과사전

위키백과, 우리 모두의 백과사전. 동적 적재(dynamic loading) 또는 동적 링크(dynamic linking)은 컴퓨터 프로그램이 메모리로 라이브러리 또는 다른 프로그램을 적재/링크하는 방식으로, CPU의 메모리 사용량을 줄이기 위해 일부 라이브러리 코드의 적재/링크를 미뤄둔다. 미뤄진 라이브러리 코드는 생성된 실행 파일에 포함되지 않으며, 동적 링크 라이브러리(.dll)에 저장된다. 또한 이는 프로그램 실행 도중 필요시, CPU의 호출에 의해

ko.wikipedia.org

위치 해시나 HTML5 히스토리 사용하여 애플리케이션 안에서 개개의 논리 문서의 인식 및 탐색을 제공할 수 있다(히스토리 모드). 싱글 페이지 애플리케이션과은 웹 서버와의 동적인 통신(푸시 알림 )수반하기도 한다.

 

프래그먼트 식별자 만들기 - 위키백과, 우리 모두의 백과사전

둘러보기로 가기 검색하러 가기 편집기가 지금 로드됩니다. 몇 초 후에도 이 메시지가 여전히 보이면, 문서를 다시 로드해 주십시오.

ko.wikipedia.org

 

HTML5 히스토리 모드 | Vue Router

HTML5 히스토리 모드 vue-router의 기본 모드는 hash mode 입니다. URL 해시를 사용하여 전체 URL을 시뮬레이트하므로 URL이 변경될 때 페이지가 다시 로드 되지 않습니다. 해시를 제거하기 위해 라우터의 history 모드 를 사용할 수 있습니다. history.pushState API를 활용하여 페이지를 다시 로드하지 않고도 URL 탐색을 할 수 있습니다. 히스토리 모드를 사용하면 URL이 "정상"으로 보입니다. http://our

router.vuejs.org

bit.ly/3fXOzon

 

인프런 인강 55%할인 쿠폰 - 커피한잔으로 Vue.js 핵심 강의!

인프런 인터넷 강의 55% 할인 쿠폰 - 커피한잔(5000원)으로 배우는 Vue.js 핵심 강의! 모바일 환경에서도 강의를 수강할 수 있도록 강의가 많이 개선되었습니다. 인프런 인터넷 강의 선착순 100명 55% �

plogger.tistory.com

 

bit.ly/2TtRHis

 

[Vue.js 입문] 초보 실전 웹앱 개발 - 1부 : vue 개념 ~ 핵심 - 인프런

이 강의를 수강하시면 Vue.js 와 관련된 기본적인 개념부터 Real 웹앱 개발을 해 볼 수 있습니다. 이 강의는 1부 기본기 이며, 2부와 3부를 통해서 실제 Real 웹앱을 구현해 보도록 하겠습니다. 초급 ��

www.inflearn.com

 

댓글