작성자 : 이정주

학습용 DaumBnB 정보 사이트 만들기

==============

최종결과물 예제

---

최종결과물 모음 링크

http://daumbnb-bootcamp2014-c9-jeongzu.c9.io/

목표

오픈API를 이용한 간단한 페이지를 학습하고 이해합니다. 페이지는 검색API, 로컬API, 지도API를 사용하고 이해합니다. 최종 예제를 뼈대로 자신의 아이디어를 추가 합니다. 오픈API이외 Cloud9, Bootstrap, Jquery, Ctrl+C,V를 연마할 수 있다.

학습도구

---

Cloud9 Web IDE - https://c9.io/jeongzu/daumbnb-bootcamp2014

Cloud9 가입필요

실습참조

---

• HTML - http://getbootstrap.com/getting-started/#examples
• JQuery - http://api.jquery.com/
• STEP 1 - HTML 기본 골격(step1_html.html)
• STEP 2 - 검색API 연동(step2_searchapi.php)
• STEP 3 - 지도API 연동(step3_mapapi.php)
• 완성참조 - https://daumbnb-bootcamp2014-c9-jeongzu.c9.io/step3_mapapi.php
• 참여자 덧개발 모음 - http://daumbnb-bootcamp2014-c9-jeongzu.c9.io/

실습순서

---

1. Cloud9 가입~~
2. https://c9.io/jeongzu/dna_openapi_demo 접속
3. 쓰기 권한 부여
4. 각자 작업폴더 만들기(/work/id)
5. Hello World!!
6. 코딩 https://daumbnb-bootcamp2014-c9-jeongzu.c9.io/xxx/a.php
7. 완료

팁

1. 부트스트랩 템플릿의 소스를 복사 해서 자신이 만든 페이지에 붙여넣기 하세요. /samples/bootstrap_basic.html
2. 오픈API 호출 샘플을 참조하세요 /samples/searchapi_basic

#죄송한말씀 코딩 후 페이지를 확인 할 때 404페이지가 가끔 뜹니다. 초반에는 괜찮았다가 급격하게 느려졌네요. 한달 사용료 2000원을 지불하라라는 업체측(Cloud9) 압박인거 같습니다.