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

Startup JavaScript 10 - OpenAPI & RSS 활용

Embed Size (px)

Citation preview

Page 1: Startup JavaScript 10 - OpenAPI & RSS 활용

Startup JavaScript10. Open API & RSS

THINKER TO MAKER

x

Page 2: Startup JavaScript 10 - OpenAPI & RSS 활용

Open API & RSS

THINKER TO MAKER

Meshup

Page 3: Startup JavaScript 10 - OpenAPI & RSS 활용

Open API

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

Page 4: Startup JavaScript 10 - OpenAPI & RSS 활용

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

Page 5: Startup JavaScript 10 - OpenAPI & RSS 활용

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> 글 내용 전체 ( 또는 일부 )</descrip-tion> <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 모음

Page 6: Startup JavaScript 10 - OpenAPI & RSS 활용

음악 Open API 활용

THINKER TO MAKER

Sound Cloud Open API

Page 7: Startup JavaScript 10 - OpenAPI & RSS 활용

음악 관련 Open API

음악 관련 Open API 로는 Youtube Data API 와 Soundcloud API 가 있음영상이 중심일 때는 Youtube, 음악이 중심 일때는 Soundcloud 가 용이 함

SoundCloud APIYoutube Data API

YouTube Data APIYouTube 의 콘텐츠 검색 , 동영상 업로드 , 재생목록 만들기 , 구독정보 관리등의 작업을 수행할 수 있음

SoundCloud APISoundCloud 내의 콘텐츠 검색 , 업로드 , 스트리밍 음악 재생 , 관리등의 작업을 수행할 수 있는 기능을 제공 함

Page 8: Startup JavaScript 10 - OpenAPI & RSS 활용

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

Page 9: Startup JavaScript 10 - OpenAPI & RSS 활용

SoundCloud API 가입음악 관련 Open API 로는 Youtube Data API 와 Soundcloud API 가 있음영상이 중심일 때는 Youtube, 음악이 중심 일때는 Soundcloud 가 용이 함

Page 10: Startup JavaScript 10 - OpenAPI & RSS 활용

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

Page 11: Startup JavaScript 10 - OpenAPI & RSS 활용

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

Page 12: Startup JavaScript 10 - OpenAPI & RSS 활용

SoundCloud API 가입음악 관련 Open API 로는 Youtube Data API 와 Soundcloud API 가 있음영상이 중심일 때는 Youtube, 음악이 중심 일때는 Soundcloud 가 용이 함

새로운 어플리케이션 생성

Page 13: Startup JavaScript 10 - OpenAPI & RSS 활용

SoundCloud API 가입음악 관련 Open API 로는 Youtube Data API 와 Soundcloud API 가 있음영상이 중심일 때는 Youtube, 음악이 중심 일때는 Soundcloud 가 용이 함

2. Register 버튼 클릭

1. 새로운 어플리케이션 이름 입력

Page 14: Startup JavaScript 10 - OpenAPI & RSS 활용

SoundCloud API 가입음악 관련 Open API 로는 Youtube Data API 와 Soundcloud API 가 있음영상이 중심일 때는 Youtube, 음악이 중심 일때는 Soundcloud 가 용이 함

2. Save app 버튼 클릭

1. Client ID 확인

Page 15: Startup JavaScript 10 - OpenAPI & RSS 활용

SoundCloud API 활용

THINKER TO MAKER

HTTP API

Page 16: Startup JavaScript 10 - OpenAPI & RSS 활용

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/attach-ments", "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/1sutR2X\n\nListen to our new single \"Centuries\" http://youtu.be/sCbS-TLEoRA Download it on iTunes http://smarturl.it/centuries out now on DCD2/Island \n\nUpcoming tour dates: http://falloutboy.com/tour \n\nhttp://falloutboy.com\nhttp://facebook.com/falloutboy\nhttp://twitter.com/falloutboy\nhttp://youtube.com/falloutboy\nhttp://instagram.com/falloutboy\nhttp://spoti.fi/T3yFgI\n\n", "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,

Page 17: Startup JavaScript 10 - OpenAPI & RSS 활용

HTTP 요청 변수Q 키워드에 원하는 검색 어를 입력하면 , 해당 음악이 검색 됨조건을 추가하여 좀더 세분화 된 결과를 받을 수도 있음

항목 내용q 음악을 검색하기 위한 검색어를 입력한다 .

genres 콤마로 구분되는 장르 목록을 입력한다 .

Bpm[from] 입력 값 이상의 bpm 을 가지는 음반 목록을 검색한다 .

Bpm[to] 입력 값 이하의 bpm 을 가지는 음반 목록을 검색한다 .

Duration[from] 입력 값 이상의 재생 시간을 가지는 음반 목록을 검색한다 .

Duration[to] 입력 값 이하의 재생 시간을 가지는 음반 목록을 검색한다 .

https://developers.soundcloud.com/docs/api/reference#tracks

Page 18: Startup JavaScript 10 - OpenAPI & RSS 활용

HTTP 응답 변수출력되는 데이터는 타이틀 정보 , 타이틀 이미지 , 음악 경로 등 정보 제공웹에서 확인 시 JSON Formatter 를 설치하여 직관적으로 확인 가능멤버 개요Created_at 해당 음원이 등록된 시간을 보여준다 .

Title 해당 음원의 타이틀 명을 보여준다 .

Permalink_url SoundCloud 사이트에서 해당 음원의 페이지 정보를 보여준다 .

Artwork_url 해당 음원의 대표 이미지 url 을 보여준다Description 해당 음원의 상세 설명을 보여준다 .

Duration 해당 음원의 총 재생 시간을 보여준다 .

genre 해당 음원의 장르를 보여준다 .

Playback_count 재생한 횟수를 보여준다bpm Beat Per Minute 의 약자로 템포 , 즉 음악의 빠르기를 나타낸다 .

Release_year 음악이 공개된 연도를 나타낸다 .

Page 19: Startup JavaScript 10 - OpenAPI & RSS 활용

날씨 정보 확인

THINKER TO MAKER

RSS

Page 20: Startup JavaScript 10 - OpenAPI & RSS 활용

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

Page 21: Startup JavaScript 10 - OpenAPI & 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

Page 22: Startup JavaScript 10 - OpenAPI & RSS 활용

W www.circul.us G group.circul.us S social.circul.us C cafe.circul.usCONTACT.US [email protected]

THINKER TO MAKER

ANYQUES-TION?

x