기본 콘텐츠로 건너뛰기

SPA 에 대해서 알아보자.

요즘 웹 서핑을 하다 보면 "SPA (Single Page Application) - 단일 페이지로 운영되는 어플리케이션을 의미한다." 란 단어를 많이 보게 된다.

SPA 를 이용한 서비스들을 보면 Trello, Facebook, Gmail 등이 대표적이다.

SPA 를 만드는데 사용되는 기술 요소들은 대략 다음과 같이 정리가 될 수 있다.

  • Coffee Script 를 사용한다. (문법 오류 들에서 해당되는 효과??)
  • Backbone 을 사용한다.
  • REST API를 사용하고 JSON 형식을 사용한다.

CoffeeScript + Backbone.js + Jasmine BDD 를 이용해서 SPA를 구현한 사례가 있어서 링크를 걸어본다.



클라이언트 측면은 위의 사례와 같이 처리가 가능하고 서버 측면은 아래와 같이 검토해 볼 필요가 있다.

  • Node.js 사용
Backbone.js + Node.js 를 이용한 사례가 있어서 링크를 걸어본다.

SPA 를 구현하기 위해서 사용할 수 있는 요소들을 정리해 보면 다음과 같다.

[ 서버 측면 ]

  • Node.js
  • express.js
  • npm


[ 클라이언트 측면 ]

  • bootstrap
  • jQuery
  • Underscore
  • Backbone
[ 공용 ]

  • CoffeeScript
  • EJS - Embedded JavaScript (템플릿)
### 아직도 모르는 것이 많지만, 하나씩, 천천히, 개념을 잡아서 진행하도록 한다. ###

댓글