Startup JavaScript 10 - OpenAPI & RSS 활용

Startup JavaScript
10. Open API & RSS
THINKER TO MAKER
x

Open API & RSS
THINKER TO MAKER
Meshup

Open API
Open Application Programmer Interface 는 누구나 사용할 수 있도록 공개
이를 융합하여 새로운 서비스를 만드는 것을 매시 업(Meshup) 이라 함

공공 데이터
국가 공공 기관의 데이터를 오픈하여 활용할 수 있게 함(data.go.kr)
이를 통하여 새로운 서비스를 만들 수 있도록 장려

RSS
Rich Site Summary 는 뉴스, 블로그 사이트에서 사용하는 콘텐츠 표현 방식
요약된 최신 정보를 제공함으로서, 이를 재 활용 할 수 있게 함
http://[블로거ID].tistory.com/rss
Tistory Blog
<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
<channel>
<title>제목</title>
<link>주소</link>
<description>설명 (짤막하게)</description>
<item>
<link>주소,글 주소</link>
<description>글 내용 전체(또는 일부)</description>
<pubDate>시간</pubDate>
<guid>주소/글 주소</guid>
</item>
<item>
<link>주소,글 주소</link>
<description>글 내용</description>
<pubDate>시간과 날짜</pubDate>
<guid>주소,글 주소</guid>
</item>
</channel>
</rss>
http://blog.rss.naver.com/[블로거ID].xml
Naver Blog
http://bit.ly/1JaZhD7
뉴스 RSS 모음

음악 Open API 활용
THINKER TO MAKER
Sound Cloud Open API

음악 관련 Open API
음악 관련 Open API 로는 Youtube Data API 와 Soundcloud API 가 있음
영상이 중심일 때는 Youtube, 음악이 중심 일때는 Soundcloud 가 용이 함
SoundCloud APIYoutube Data API
YouTube Data API
YouTube 의 콘텐츠 검색, 동영상 업로
드, 재생목록 만들기, 구독정보 관리등
의 작업을 수행할 수 있음
SoundCloud API
SoundCloud 내의 콘텐츠 검색, 업로드,
스트리밍 음악 재생, 관리등의 작업을 수
행할 수 있는 기능을 제공 함

SoundCloud API 가입
SoundCloud 서비스를 활용한 응용 소프트웨어 개발을 가능하게 함
http://developers.soundcloud.com

사용 항목에 대한 설문조사가 추가 됨
기본 정보와 기술적인 정보를 입력

모든 정보를 입력하고 Sumbit 을 누르면, 1~2주 후에 승인 메일 전달
해당 승인 메일을 통해 실제 API 사용이 가능해 짐

새로운 어플리케이션 생성

2. Register 버튼 클릭
1. 새로운 어플리케이션 이름 입력

2. Save app 버튼 클
릭
1. Client ID 확인

SoundCloud API 활용
THINKER TO MAKER
HTTP API

HTTP 요청 예시
HTTP 요청으로 음악을 검색하고 정보를 불러올 수 있음
http://bit.ly/2gQLNlM
"purchase_title": null,
"release_day": null,
"release_month": null,
"release_year": null,
"reposts_count": 18821,
"state": "finished",
"tag_list": "alternative pop "big hero six"",
"track_type": null,
"user": {
"avatar_url": "https://i1.sndcdn.com/avatars-000121237593-dl8xs0-large.jpg",
"id": 3678183,
"kind": "user",
"permalink_url": "http://soundcloud.com/falloutboy",
"uri": "https://api.soundcloud.com/users/3678183",
"username": "FallOutBoy",
"permalink": "falloutboy",
"last_modified": "2016/01/11 22:49:04 +0000"
},
"bpm": null,
"user_playback_count": null,
"id": 172055891,
"kind": "track",
"created_at": "2014/10/14 04:53:00 +0000",
"last_modified": "2016/01/20 20:50:42 +0000",
"permalink": "fall-out-boy-immortals-from-big-hero-6",
"permalink_url": "https://soundcloud.com/falloutboy/fall-out-boy-immortals-from-big-
hero-6",
"title": "Immortals [From Big Hero 6]",
"duration": 192983,
"sharing": "public",
"stream_url": "https://api.soundcloud.com/tracks/172055891/stream",
"uri": "https://api.soundcloud.com/tracks/172055891",
"user_id": 3678183
},
{…}
]
[
{
"download_url": null,
"key_signature": "",
"user_favorite": false,
"likes_count": 171682,
"release": "",
"attachments_uri": "https://api.soundcloud.com/tracks/172055891/attachments",
"waveform_url": "https://w1.sndcdn.com/QnXGQzkYUaED_m.png",
"purchase_url": "http://smarturl.it/fobbh6",
"video_url": null,
"streamable": true,
"artwork_url": "https://i1.sndcdn.com/artworks-000093907678-79gb6j-large.jpg",
"comment_count": 3905,
"commentable": true,
"description": ""Immortals" from Disney's Big Hero 6 (inspired by the Marvel comic).
Download it on iTunes http://smarturl.it/fobbh6 Get the limited 7" vinyl + poster
http://bit.ly/1sutR2XnnListen to our new single "Centuries" http://youtu.be/sCbS-
TLEoRA Download it on iTunes http://smarturl.it/centuries out now on DCD2/Island
nnUpcoming tour dates: http://falloutboy.com/tour
nnhttp://falloutboy.comnhttp://facebook.com/falloutboynhttp://twitter.com/falloutbo
ynhttp://youtube.com/falloutboynhttp://instagram.com/falloutboynhttp://spoti.fi/T3yF
gInn",
"download_count": 0,
"downloadable": false,
"embeddable_by": "all",
"favoritings_count": 0,
"genre": "fall out boy",
"isrc": null,
"label_id": null,
"label_name": null,
"license": "all-rights-reserved",
"original_content_size": 4632820,
"original_format": "mp3",
"playback_count": 10426258,

HTTP 요청 변수
Q 키워드에 원하는 검색 어를 입력하면, 해당 음악이 검색 됨
조건을 추가하여 좀더 세분화 된 결과를 받을 수도 있음
항목 내용
q 음악을 검색하기 위한 검색어를 입력한다.
genres 콤마로 구분되는 장르 목록을 입력한다.
Bpm[from] 입력 값 이상의 bpm 을 가지는 음반 목록을 검색한다.
Bpm[to] 입력 값 이하의 bpm 을 가지는 음반 목록을 검색한다.
Duration[from] 입력 값 이상의 재생 시간을 가지는 음반 목록을 검색한다.
Duration[to] 입력 값 이하의 재생 시간을 가지는 음반 목록을 검색한다.
https://developers.soundcloud.com/docs/api/reference#tracks

HTTP 응답 변수
출력되는 데이터는 타이틀 정보, 타이틀 이미지, 음악 경로 등 정보 제공
웹에서 확인 시 JSON Formatter 를 설치하여 직관적으로 확인 가능
멤버 개요
Created_at 해당 음원이 등록된 시간을 보여준다.
Title 해당 음원의 타이틀 명을 보여준다.
Permalink_url SoundCloud 사이트에서 해당 음원의 페이지 정보를 보여준다.
Artwork_url 해당 음원의 대표 이미지 url 을 보여준다
Description 해당 음원의 상세 설명을 보여준다.
Duration 해당 음원의 총 재생 시간을 보여준다.
genre 해당 음원의 장르를 보여준다.
Playback_count 재생한 횟수를 보여준다
bpm Beat Per Minute 의 약자로 템포, 즉 음악의 빠르기를 나타낸다.
Release_year 음악이 공개된 연도를 나타낸다.

날씨 정보 확인
THINKER TO MAKER
RSS

기상청에서 RSS를 이용해 오늘의 날씨를 간편하게 확인할 수 있게 함
시/도 별 날씨 정보가 제공 됨

RSS 정보로 제공되는 지역 목록
정보를 파싱(Parsing) 하여 어플리케이션 개발에 활용 가능
지역 RSS 주소
전국 http://www.kma.go.kr/weather/forecast/mid-term-rss3.jsp?stnId=108
서울, 경기도 http://www.kma.go.kr/weather/forecast/mid-term-rss3.jsp?stnId=109
강원도 http://www.kma.go.kr/weather/forecast/mid-term-rss3.jsp?stnId=105
충청북도 http://www.kma.go.kr/weather/forecast/mid-term-rss3.jsp?stnId=131
충청남도 http://www.kma.go.kr/weather/forecast/mid-term-rss3.jsp?stnId=133
전라북도 http://www.kma.go.kr/weather/forecast/mid-term-rss3.jsp?stnId=146
전라남도 http://www.kma.go.kr/weather/forecast/mid-term-rss3.jsp?stnId=146
경상북도 http://www.kma.go.kr/weather/forecast/mid-term-rss3.jsp?stnId=143
경상남도 http://www.kma.go.kr/weather/forecast/mid-term-rss3.jsp?stnId=159
제주도 http://www.kma.go.kr/weather/forecast/mid-term-rss3.jsp?stnId=184

W www.circul.us G group.circul.us
S social.circul.us C cafe.circul.us
CONTACT.US circulus@circul.us
THINKER TO MAKER
ANY
QUESTION?
x

Startup JavaScript 10 - OpenAPI & RSS 활용

Recommended

More Related Content

Viewers also liked (13)

Similar to Startup JavaScript 10 - OpenAPI & RSS 활용 (20)

More from Circulus (20)

Startup JavaScript 10 - OpenAPI & RSS 활용

Editor's Notes