KEMBAR78
Startup JavaScript 10 - OpenAPI & RSS 활용 | PPTX
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>
<title>제목</title>
<link>주소,글 주소</link>
<description>글 내용 전체(또는 일부)</description>
<pubDate>시간</pubDate>
<guid>주소/글 주소</guid>
</item>
<item>
<title>제목</title>
<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
SoundCloud API 가입
음악 관련 Open API 로는 Youtube Data API 와 Soundcloud API 가 있음
영상이 중심일 때는 Youtube, 음악이 중심 일때는 Soundcloud 가 용이 함
SoundCloud API 가입
사용 항목에 대한 설문조사가 추가 됨
기본 정보와 기술적인 정보를 입력
SoundCloud API 가입
모든 정보를 입력하고 Sumbit 을 누르면, 1~2주 후에 승인 메일 전달
해당 승인 메일을 통해 실제 API 사용이 가능해 짐
SoundCloud API 가입
음악 관련 Open API 로는 Youtube Data API 와 Soundcloud API 가 있음
영상이 중심일 때는 Youtube, 음악이 중심 일때는 Soundcloud 가 용이 함
새로운 어플리케이션 생성
SoundCloud API 가입
음악 관련 Open API 로는 Youtube Data API 와 Soundcloud API 가 있음
영상이 중심일 때는 Youtube, 음악이 중심 일때는 Soundcloud 가 용이 함
2. Register 버튼 클릭
1. 새로운 어플리케이션 이름 입력
SoundCloud API 가입
음악 관련 Open API 로는 Youtube Data API 와 Soundcloud API 가 있음
영상이 중심일 때는 Youtube, 음악이 중심 일때는 Soundcloud 가 용이 함
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 활용

  • 1.
    Startup JavaScript 10. OpenAPI & RSS THINKER TO MAKER x
  • 2.
    Open API &RSS THINKER TO MAKER Meshup
  • 3.
    Open API Open ApplicationProgrammer Interface 는 누구나 사용할 수 있도록 공개 이를 융합하여 새로운 서비스를 만드는 것을 매시 업(Meshup) 이라 함
  • 4.
    공공 데이터 국가 공공기관의 데이터를 오픈하여 활용할 수 있게 함(data.go.kr) 이를 통하여 새로운 서비스를 만들 수 있도록 장려
  • 5.
    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> <title>제목</title> <link>주소,글 주소</link> <description>글 내용 전체(또는 일부)</description> <pubDate>시간</pubDate> <guid>주소/글 주소</guid> </item> <item> <title>제목</title> <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 모음
  • 6.
    음악 Open API활용 THINKER TO MAKER Sound Cloud Open API
  • 7.
    음악 관련 OpenAPI 음악 관련 Open API 로는 Youtube Data API 와 Soundcloud API 가 있음 영상이 중심일 때는 Youtube, 음악이 중심 일때는 Soundcloud 가 용이 함 SoundCloud APIYoutube Data API YouTube Data API YouTube 의 콘텐츠 검색, 동영상 업로 드, 재생목록 만들기, 구독정보 관리등 의 작업을 수행할 수 있음 SoundCloud API SoundCloud 내의 콘텐츠 검색, 업로드, 스트리밍 음악 재생, 관리등의 작업을 수 행할 수 있는 기능을 제공 함
  • 8.
    SoundCloud API 가입 SoundCloud서비스를 활용한 응용 소프트웨어 개발을 가능하게 함 http://developers.soundcloud.com
  • 9.
    SoundCloud API 가입 음악관련 Open API 로는 Youtube Data API 와 Soundcloud API 가 있음 영상이 중심일 때는 Youtube, 음악이 중심 일때는 Soundcloud 가 용이 함
  • 10.
    SoundCloud API 가입 사용항목에 대한 설문조사가 추가 됨 기본 정보와 기술적인 정보를 입력
  • 11.
    SoundCloud API 가입 모든정보를 입력하고 Sumbit 을 누르면, 1~2주 후에 승인 메일 전달 해당 승인 메일을 통해 실제 API 사용이 가능해 짐
  • 12.
    SoundCloud API 가입 음악관련 Open API 로는 Youtube Data API 와 Soundcloud API 가 있음 영상이 중심일 때는 Youtube, 음악이 중심 일때는 Soundcloud 가 용이 함 새로운 어플리케이션 생성
  • 13.
    SoundCloud API 가입 음악관련 Open API 로는 Youtube Data API 와 Soundcloud API 가 있음 영상이 중심일 때는 Youtube, 음악이 중심 일때는 Soundcloud 가 용이 함 2. Register 버튼 클릭 1. 새로운 어플리케이션 이름 입력
  • 14.
    SoundCloud API 가입 음악관련 Open API 로는 Youtube Data API 와 Soundcloud API 가 있음 영상이 중심일 때는 Youtube, 음악이 중심 일때는 Soundcloud 가 용이 함 2. Save app 버튼 클 릭 1. Client ID 확인
  • 15.
  • 16.
    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,
  • 17.
    HTTP 요청 변수 Q키워드에 원하는 검색 어를 입력하면, 해당 음악이 검색 됨 조건을 추가하여 좀더 세분화 된 결과를 받을 수도 있음 항목 내용 q 음악을 검색하기 위한 검색어를 입력한다. genres 콤마로 구분되는 장르 목록을 입력한다. Bpm[from] 입력 값 이상의 bpm 을 가지는 음반 목록을 검색한다. Bpm[to] 입력 값 이하의 bpm 을 가지는 음반 목록을 검색한다. Duration[from] 입력 값 이상의 재생 시간을 가지는 음반 목록을 검색한다. Duration[to] 입력 값 이하의 재생 시간을 가지는 음반 목록을 검색한다. https://developers.soundcloud.com/docs/api/reference#tracks
  • 18.
    HTTP 응답 변수 출력되는데이터는 타이틀 정보, 타이틀 이미지, 음악 경로 등 정보 제공 웹에서 확인 시 JSON Formatter 를 설치하여 직관적으로 확인 가능 멤버 개요 Created_at 해당 음원이 등록된 시간을 보여준다. Title 해당 음원의 타이틀 명을 보여준다. Permalink_url SoundCloud 사이트에서 해당 음원의 페이지 정보를 보여준다. Artwork_url 해당 음원의 대표 이미지 url 을 보여준다 Description 해당 음원의 상세 설명을 보여준다. Duration 해당 음원의 총 재생 시간을 보여준다. genre 해당 음원의 장르를 보여준다. Playback_count 재생한 횟수를 보여준다 bpm Beat Per Minute 의 약자로 템포, 즉 음악의 빠르기를 나타낸다. Release_year 음악이 공개된 연도를 나타낸다.
  • 19.
  • 20.
    날씨 정보 확인 기상청에서RSS를 이용해 오늘의 날씨를 간편하게 확인할 수 있게 함 시/도 별 날씨 정보가 제공 됨
  • 21.
    날씨 정보 확인 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
  • 22.
    W www.circul.us Ggroup.circul.us S social.circul.us C cafe.circul.us CONTACT.US circulus@circul.us THINKER TO MAKER ANY QUESTION? x

Editor's Notes

  • #2 Circulus 팀 박종건입니다. 위 사진은 작년 창조경제박람회때 포스터 운반하던 파이보의 모습입니다. 파이보와 함께 펼쳐가는 미래를 이야기 하겠습니다.