SlideShare a Scribd company logo
1 of 44
Download to read offline
여자친구 LOL 플레잉 감시 위한
javascript parse를 이용한
Riot API 접근하기
그리고..
0516
박민석
어떻게 만들 것인가
MYPAGE
League Of Legend
NAME
Current
Player State
어디서 가져올 것인가
라이엇 게임즈에선 개발자들을 위한
API를 제공하고 있다.
{platformId} : 현재 서버 (KR, US)
{summonerId} : 소환사(유저)의 고유 ID
Current-game v1.0
실패시 404
성공시 200
게임중이면 정보 출력
게임중이 아니면 에러
게임중이면 정보 출력
게임중이 아니면 에러
실패시 404
성공시 200
이를 이용해서 현재 게임의 유무를 판단하자!
MYPAGE
Current-game-v1.0
NAME
Current
Player State
{platformId} : 현재 서버 (KR, US)
{summonerId} : 소환사(유저)의 고유 ID
{platformId} : 현재 서버 (KR, US)
{summonerId} : 소환사(유저)의 고유 ID
!==
소환사(유저)의 이름
MYPAGE
SUMMONER-v1.4
NAME고유 ID를 포함한 Player 정보
MYPAGE
Current-game-v1.0
summoner-v1.4
NAME
ID
Current
Player State
어떻게 받아올 것인가
summoner-v1.4
의 Return 값
xmlHttp Method를 이용!
xmlHttp ( xml를 가져옴 )
JSON (xml를 자바스크립트 형식으로 변경)
summoner-v1.4
의 Return 값
xmlHttp 의 기본 구조
xmlHttp 의 기본 구조
1. 새 XMLHttpRequest 를 만든다.
xmlHttp 의 기본 구조
1. 새 XMLHttpRequest 를 만든다.
2. 서버와 연결할 링크와 방식을 설정한다.
xmlHttp 의 기본 구조
1. 새 XMLHttpRequest 를 만든다.
2. 서버와 연결할 링크와 방식을 설정한다.
3. 서버 연결 후 할 행동을 설정한다.
xmlHttp 의 기본 구조
1. 새 XMLHttpRequest 를 만든다.
2. 서버와 연결할 링크와 방식을 설정한다.
3. 서버 연결 후 할 행동을 설정한다.
4. 요청 보낸다.
summoner-v1.4
의 Return 값
MYPAGE
Current-game-v1.0
summoner-v1.4
NAME
ID
Current
Player State
xmlHttpRequst
xmlHttpRequst
CORS(Cross-Origin-Resource-Sharing)
Blocked로 인한 실패
알고보니 summoner-v1.4 가 CORS 이 Block 됨
알고보니 summoner-v1.4 가 CORS 이 Block 됨
CORS(Cross-Origin-Resource-Sharing)
Blocked로 인한 실패
CORS란?
다른 서버에서 제공하는 자원에 접근하기
MYPAGE
Current-game-v1.0
summoner-v1.4
NAME
ID
Current
Player State
xmlHttpRequst
xmlHttpRequst
MYPAGE
Current-game-v1.0
summoner-v1.4
NAME
ID
Current
Player State
Blocked!
xmlHttpRequst
xmlHttpRequst
여자친구 LOL 플레이 감시 위해
javascript parse를 이용한
Riot API 접근하기
우리의 목표
여자친구 LOL 플레이 감시 위해
javascript parse를 이용한
Riot API 접근하기
CORS란?
다른 서버에서 제공하는 자원에 접근하기
우리의 목표
Blocked!
Blocked!
실패!
그러나 의미 있는 삽질
1. 브라우저의 “요소점검”을 이용하자
2. 한 줄씩 탐구하자
3. CORS ( Cross-Origin-Resource-Sharing ) 개념
그러나 의미 있는 삽질
1. 브라우저의 “요소점검”을 이용하자
2. 한 줄씩 탐구하자
3. CORS ( Cross-Origin-Resource-Sharing ) 개념
그러나 의미 있는 삽질
1. 브라우저의 “요소점검”을 이용하자
2. 한 줄씩 탐구하자
3. CORS ( Cross-Origin-Resource-Sharing ) 개념
Do 삽질
참고
http://godpage.tistory.com/entry/Ajax정리-2-XMLHttpRequest의-메서드와-프로퍼티
https://breadmj.wordpress.com/2013/08/21/implement-cors-using-spring-mvc/
https://developer.riotgames.com/discussion/technical-help/show/EdF0RywZ
https://opentutorials.org/course/1375/6844
https://opentutorials.org/course/1375/6843

More Related Content

Viewers also liked

게임에서 사용 가능한 간편한 파서
게임에서 사용 가능한 간편한 파서게임에서 사용 가능한 간편한 파서
게임에서 사용 가능한 간편한 파서JaeHong Park
 
Kinect seminar 121020v1
Kinect seminar 121020v1Kinect seminar 121020v1
Kinect seminar 121020v1cs Kang
 
Kinect seminar 121215v1
Kinect seminar 121215v1Kinect seminar 121215v1
Kinect seminar 121215v1cs Kang
 
사용자경험(UX)기반 U-헬스케어 서비스
사용자경험(UX)기반 U-헬스케어 서비스사용자경험(UX)기반 U-헬스케어 서비스
사용자경험(UX)기반 U-헬스케어 서비스재용 신
 
UX/UI의 전략적 접근: 스마트 헬스케어 사례 고찰
UX/UI의 전략적 접근: 스마트 헬스케어 사례 고찰UX/UI의 전략적 접근: 스마트 헬스케어 사례 고찰
UX/UI의 전략적 접근: 스마트 헬스케어 사례 고찰Billy Choi
 
웨어러블 디바이스 Zeo의 실패에서 배우는: 성공적인 헬스케어 서비스의 조건
웨어러블 디바이스 Zeo의 실패에서 배우는: 성공적인 헬스케어 서비스의 조건웨어러블 디바이스 Zeo의 실패에서 배우는: 성공적인 헬스케어 서비스의 조건
웨어러블 디바이스 Zeo의 실패에서 배우는: 성공적인 헬스케어 서비스의 조건Yoon Sup Choi
 
NDC 2015 게임 기획자에게 들려주는 괜찮은 이야기 _ 이태성
NDC 2015 게임 기획자에게 들려주는 괜찮은 이야기 _ 이태성NDC 2015 게임 기획자에게 들려주는 괜찮은 이야기 _ 이태성
NDC 2015 게임 기획자에게 들려주는 괜찮은 이야기 _ 이태성TaeSeong Lee
 
JavaScript 비동기 프로그래밍 집중 탐구 - 조유성님
JavaScript 비동기 프로그래밍 집중 탐구 - 조유성님JavaScript 비동기 프로그래밍 집중 탐구 - 조유성님
JavaScript 비동기 프로그래밍 집중 탐구 - 조유성님NAVER D2
 
텀 프로젝트에서 제품 프로젝트로 - 성준영님
텀 프로젝트에서 제품 프로젝트로 - 성준영님텀 프로젝트에서 제품 프로젝트로 - 성준영님
텀 프로젝트에서 제품 프로젝트로 - 성준영님NAVER D2
 
데이터분석과통계2 - 최재걸님
데이터분석과통계2 - 최재걸님데이터분석과통계2 - 최재걸님
데이터분석과통계2 - 최재걸님NAVER D2
 
Papago/N2MT 개발이야기
Papago/N2MT 개발이야기Papago/N2MT 개발이야기
Papago/N2MT 개발이야기NAVER D2
 
Genetic Algorithm by Example
Genetic Algorithm by ExampleGenetic Algorithm by Example
Genetic Algorithm by ExampleNobal Niraula
 
의료에서의 인공지능 정리 파일 김치원 V5
의료에서의 인공지능 정리 파일 김치원 V5의료에서의 인공지능 정리 파일 김치원 V5
의료에서의 인공지능 정리 파일 김치원 V5Chiweon Kim
 
20151022 디지털 헬스케어 임상시험 임상시험글로벌선도센터 심포지엄 v4
20151022 디지털 헬스케어 임상시험 임상시험글로벌선도센터 심포지엄 v420151022 디지털 헬스케어 임상시험 임상시험글로벌선도센터 심포지엄 v4
20151022 디지털 헬스케어 임상시험 임상시험글로벌선도센터 심포지엄 v4Chiweon Kim
 
20160119 디지털 헬스케어 의사모임 1월 전체 파일 v3
20160119 디지털 헬스케어 의사모임 1월 전체 파일 v320160119 디지털 헬스케어 의사모임 1월 전체 파일 v3
20160119 디지털 헬스케어 의사모임 1월 전체 파일 v3Chiweon Kim
 
20150604 디지털 헬스케어 업로드 용
20150604 디지털 헬스케어 업로드 용20150604 디지털 헬스케어 업로드 용
20150604 디지털 헬스케어 업로드 용Chiweon Kim
 
Key Success factors in digital healthcare
Key Success factors in digital healthcareKey Success factors in digital healthcare
Key Success factors in digital healthcareChiweon Kim
 
디지털 헬스케어의 현재: 효용과 동향 소개
디지털 헬스케어의 현재: 효용과 동향 소개디지털 헬스케어의 현재: 효용과 동향 소개
디지털 헬스케어의 현재: 효용과 동향 소개Chiweon Kim
 
20150814 디지털 헬스케어의 현재와 미래 서울의대_v5_업로드용
20150814 디지털 헬스케어의 현재와 미래 서울의대_v5_업로드용20150814 디지털 헬스케어의 현재와 미래 서울의대_v5_업로드용
20150814 디지털 헬스케어의 현재와 미래 서울의대_v5_업로드용Chiweon Kim
 
20150718 디지털 헬스케어 강의 업로드용
20150718 디지털 헬스케어 강의 업로드용20150718 디지털 헬스케어 강의 업로드용
20150718 디지털 헬스케어 강의 업로드용Chiweon Kim
 

Viewers also liked (20)

게임에서 사용 가능한 간편한 파서
게임에서 사용 가능한 간편한 파서게임에서 사용 가능한 간편한 파서
게임에서 사용 가능한 간편한 파서
 
Kinect seminar 121020v1
Kinect seminar 121020v1Kinect seminar 121020v1
Kinect seminar 121020v1
 
Kinect seminar 121215v1
Kinect seminar 121215v1Kinect seminar 121215v1
Kinect seminar 121215v1
 
사용자경험(UX)기반 U-헬스케어 서비스
사용자경험(UX)기반 U-헬스케어 서비스사용자경험(UX)기반 U-헬스케어 서비스
사용자경험(UX)기반 U-헬스케어 서비스
 
UX/UI의 전략적 접근: 스마트 헬스케어 사례 고찰
UX/UI의 전략적 접근: 스마트 헬스케어 사례 고찰UX/UI의 전략적 접근: 스마트 헬스케어 사례 고찰
UX/UI의 전략적 접근: 스마트 헬스케어 사례 고찰
 
웨어러블 디바이스 Zeo의 실패에서 배우는: 성공적인 헬스케어 서비스의 조건
웨어러블 디바이스 Zeo의 실패에서 배우는: 성공적인 헬스케어 서비스의 조건웨어러블 디바이스 Zeo의 실패에서 배우는: 성공적인 헬스케어 서비스의 조건
웨어러블 디바이스 Zeo의 실패에서 배우는: 성공적인 헬스케어 서비스의 조건
 
NDC 2015 게임 기획자에게 들려주는 괜찮은 이야기 _ 이태성
NDC 2015 게임 기획자에게 들려주는 괜찮은 이야기 _ 이태성NDC 2015 게임 기획자에게 들려주는 괜찮은 이야기 _ 이태성
NDC 2015 게임 기획자에게 들려주는 괜찮은 이야기 _ 이태성
 
JavaScript 비동기 프로그래밍 집중 탐구 - 조유성님
JavaScript 비동기 프로그래밍 집중 탐구 - 조유성님JavaScript 비동기 프로그래밍 집중 탐구 - 조유성님
JavaScript 비동기 프로그래밍 집중 탐구 - 조유성님
 
텀 프로젝트에서 제품 프로젝트로 - 성준영님
텀 프로젝트에서 제품 프로젝트로 - 성준영님텀 프로젝트에서 제품 프로젝트로 - 성준영님
텀 프로젝트에서 제품 프로젝트로 - 성준영님
 
데이터분석과통계2 - 최재걸님
데이터분석과통계2 - 최재걸님데이터분석과통계2 - 최재걸님
데이터분석과통계2 - 최재걸님
 
Papago/N2MT 개발이야기
Papago/N2MT 개발이야기Papago/N2MT 개발이야기
Papago/N2MT 개발이야기
 
Genetic Algorithm by Example
Genetic Algorithm by ExampleGenetic Algorithm by Example
Genetic Algorithm by Example
 
의료에서의 인공지능 정리 파일 김치원 V5
의료에서의 인공지능 정리 파일 김치원 V5의료에서의 인공지능 정리 파일 김치원 V5
의료에서의 인공지능 정리 파일 김치원 V5
 
20151022 디지털 헬스케어 임상시험 임상시험글로벌선도센터 심포지엄 v4
20151022 디지털 헬스케어 임상시험 임상시험글로벌선도센터 심포지엄 v420151022 디지털 헬스케어 임상시험 임상시험글로벌선도센터 심포지엄 v4
20151022 디지털 헬스케어 임상시험 임상시험글로벌선도센터 심포지엄 v4
 
20160119 디지털 헬스케어 의사모임 1월 전체 파일 v3
20160119 디지털 헬스케어 의사모임 1월 전체 파일 v320160119 디지털 헬스케어 의사모임 1월 전체 파일 v3
20160119 디지털 헬스케어 의사모임 1월 전체 파일 v3
 
20150604 디지털 헬스케어 업로드 용
20150604 디지털 헬스케어 업로드 용20150604 디지털 헬스케어 업로드 용
20150604 디지털 헬스케어 업로드 용
 
Key Success factors in digital healthcare
Key Success factors in digital healthcareKey Success factors in digital healthcare
Key Success factors in digital healthcare
 
디지털 헬스케어의 현재: 효용과 동향 소개
디지털 헬스케어의 현재: 효용과 동향 소개디지털 헬스케어의 현재: 효용과 동향 소개
디지털 헬스케어의 현재: 효용과 동향 소개
 
20150814 디지털 헬스케어의 현재와 미래 서울의대_v5_업로드용
20150814 디지털 헬스케어의 현재와 미래 서울의대_v5_업로드용20150814 디지털 헬스케어의 현재와 미래 서울의대_v5_업로드용
20150814 디지털 헬스케어의 현재와 미래 서울의대_v5_업로드용
 
20150718 디지털 헬스케어 강의 업로드용
20150718 디지털 헬스케어 강의 업로드용20150718 디지털 헬스케어 강의 업로드용
20150718 디지털 헬스케어 강의 업로드용
 

[M] 라이언게임즈 API를 이용해 여자친구 롤(lol) 플레이 감시 자바스크립트 파서 만들기