---

Google Blogger | 개발자(Developer)의 구글 블로그 활용법, 웹서비스(Web Service) 생성, JavaScript 예제결과 실행

JavaScript, HTML, CSS 라이브러리 추가 및 작성

---

개발자가 블로그에 글을 쓸 때

보통, 예제 소스와 결과 화면을 캡쳐해서 올리는데 그친다.

구글 블로그(Google Blogger)는

글 작성시 HTML로 작성할 수 있다.(티스토리(Tistory), 네이버(Naver)에서도 가능한지는 모르겠다.)

특히, JavaScript 라이브러리를 추가하거나

JavaScript 소스를 직접 작성할 수 있기 때문에

블로그 글 내부에 웹 개발한 결과를 출력할 수 있다.

서버가 필요없는 간단한 웹서비스

운영이 가능할 것 같다.

---

1. 글작성시 [HTML 보기]로 변경

---

작성법은 일반 HTML 작성법과 같다.
필자는 일반 글 작성시에도 HTML로 작성이 편하다.

---

2. 소스(Source) 작성

---

- script 태그 : JavaScript 라이브러리 추가 및 작성
- link 태그 : CSS 추가
- style 태그 : 스타일 작성
- 나머지 document 태그 : 구글 블로거에서 html, head, body 태그를 사용 중이기 때문에 하위 나머지 태그들로 작성한다.

---

3. 예제 결과(Example Result)

---

작성한 JavaScript 소스로 예제결과 실행되는 것을 확인할 수 있다.
오픈레이어스(OpenLayers) 지도를 추가한 예제이다.