티스토리 뷰


* 이번에는 Google App Engine과 Python에서 static한 페이지를 이용하는 방법을 살펴보자.



2012/10/06 - [Mini Project/NY-School] - [NY-School] Google App Engine과 Python 시작하기전에 공부하기

2012/10/06 - [Mini Project/NY-School] - [NY-School] Google App Engine과 Python 시작하기 - Hello world

2012/10/06 - [Mini Project/NY-School] - [NY-School] Google App Engine과 Python 시작하기 - webapp framework

2012/10/07 - [Mini Project/NY-School] - [NY-School] Google App Engine과 Python 시작하기 - Datastore 사용해서 방명록 만들기

2012/10/20 - [Mini Project/NY-School] - [NY-School] Google App Engine과 Python 시작하기 - Template페이지 사용하기



: app.yaml을 수정하자.


application: helloworld
version: 1
runtime: python27
api_version: 1
threadsafe: true

handlers:
- url: /stylesheets
  static_dir: stylesheets

- url: /.*
  script: helloworld.app

libraries:
- name: jinja2
  version: latest

: 이제는 2가지의 핸들러가 있는 것을 볼 수 있다. 서버로 /stylesheets라는 url로 요청이 오면  stylesheets라는 디렉토리로 매핑을 해줄 거시고 그 외 /와 매칭하는 url들은 helloworld 모듈로 매핑을 해줄 것이다. 구글 앱 엔진은 퍼파일의 MIME 종류에 따라서 해당하는 파일 확장자로 자동으로 매핑을 해준다고 한다. 예를 들면 text/css의 MIME를 가지고 있는 경우 자동으로 css 파일로 매칭을 해주게 된다.


: 각 핸들러는 app.yaml에 나와있는 순서대로 테스트를 하여 핸들러를 결정하게 된다. 따라서 맨 마지막에는 /.*로 모든 경우를 처리하는 핸들러를 넣고 그 위에는 필요한 경우에 따라 매핑시킬  url을 결정해서 넣어주면 된다.  위에서 핸들러로 stylesheets라는 디렉토리로 매핑을 시켜줬으니 폴더안에 stylesheets라는 폴더를 만들고 안에 main.css 파일을 만들어서 저장하자.


body {
  font-family: Verdana, Helvetica, sans-serif;
  background-color: #DDDDDD;
}

: 그리고 마지막으로 helloworld.html 파일의 head태그 안에 css 파일로 link를 걸어주자. 위에서 핸들러에 /stylesheets추가했으니 링크의 주소에는 /stylesheets/main.css를 해주면 /stylesheets를 보고 해당하는 디렉토리로 매핑을 한 다음 main.css 파일을 찾게 된다.


<head>
    <link type="text/css" rel="stylesheet" href="/stylesheets/main.css" />
</head>




이제 다시 실행해보면 css의 뒷배경이 적용된 것을 확인할 수 있다.




* 다음에는 이렇게 로컬에서 구현한 소스를 실제 구글 앱 엔진에 올리는 작업을 해보자.


끝.


공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
«   2024/12   »
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31
글 보관함