spa 예제

CanopyTax/단일 스파 예제에서 새로운 릴리스에 대한 알림을 원하십니까? 또한 단일 스파 예제 리포지토리 또는 라이브 데모에서 다른 앱과 공존하는 각도 앱의 완전히 작동하는 예제를 볼 수도 있습니다. 예를 들어, AngularUniv SPA에서 코스를 클릭하면 와이어를 통해 HTML이 전송되지 않습니다. 대신 모든 코스 데이터와 함께 JSON 페이로드를 받는 Ajax 요청을 받습니다. 이 블로그 게시물에는 app.module.js 또는 routes.js 파일이 표시되지 않지만 여기에서 예제 구현을 볼 수 있습니다. 탐색을 시작하면 사용자가 응용 프로그램을 탐색할 때 새 데이터만 전송되는 페이지가 완전히 다시 로드되지 않는 것을 볼 수 있습니다. 완전히 작동하는 자체 포함된 코드 예제로 바로 이동하려면 이 웹팩 싱글 스파 스타터 프로젝트를 확인하십시오. 오늘날 우리가 가지고 있는 단일 페이지 응용 프로그램으로가는 길은 선형 프로세스와는 거리가 멀습니다. 예를 들어 플래시와 실버라이트와 같은 다른 기술은 자바스크립트에서 완전히 벗어난 풍부한 인터넷 응용 프로그램(AA)을 도입했습니다. 그리고 그들은 처음에 잘 개발 커뮤니티에 의해 수신 하는 동안, 제 3 자 브라우저 플러그인 제한 채택에 대 한 그들의 필요성 그리고 그들은 지금 레거시 프레임 워크로 간주 됩니다.

트위터는 이 현상의 높은 프로필 예입니다. 2010년 소셜 거인은 모든 UI 렌더링과 논리를 클라이언트 측 JavaScript로 푸시하는 새로운 SPA(단일 페이지 응용 프로그램) 아키텍처를 제공했습니다. 이로 인해 전체 클라이언트 측 라이브러리를 미리 로드해야 했기 때문에 초기 페이지 로드 시간이 느려졌습니다. 또한 SPA는 처리 능력의 대부분을 서버에서 사용자의 컴퓨터로 전송하여 브라우저 전체에서 일관되지 않은 사용자 환경을 발생시켰습니다. 트위터는 신속하게 결정을 번복하여 서버 측에서 대부분의 페이지 콘텐츠를 렌더링하도록 응용 프로그램을 다시 설계했습니다. 자세한 내용은 해당 블로그에서 확인할 수 있습니다. SPA 프레임워크는 수년 동안 계속 발전해 왔지만, 새로운 버전이 개발 커뮤니티 내에서 화제를 불러일으키고 있습니다. 위의 트위터 예제에서는 SPA를 개발하는 것이 흥미로운 옵션처럼 들릴 수 있지만 프로젝트에 적합한 옵션이 아닐 수 있음을 보여 줍니다. 따라서 이전 예제로 돌아가서 “cool.app.js”를 각 1 앱으로 작성하고 향후 앱에 다른 앱을 선택할 수 있습니다.