9 주차 실습강의 학기, 소프트웨어 설계 및 실험 ( Ⅰ )

Artificial Intelligence Laboratory Open API  API(Application Programming Interface)  응용 프로그램에서 사용할 수 있도록 제공되는 인터페이스  Open API  웹 서비스의 개발을 위해 서비스 업체에서 제공하는 API  Web 2.0 기반의 대표적인 서비스  Daum, Naver, Google, Yahoo 등

Artificial Intelligence Laboratory How can use Open API?  Query 요청 방법  GET 방식  URL 에 직접 데이터를 적어서 전송  ex)  보안에 취약하나 form 을 생성할 필요가 없음  URL 에 포함되어 전달되기 때문에 길이의 제한이 있음  POST 방식  Form 을 생성하여 전송  데이터가 숨겨져서 전송이 되기 때문에 보안성이 높음  데이터의 길이 제한이 없음  XML 형식으로 결과 데이터 수신

Artificial Intelligence Laboratory 한글 Encoding  현재 인터넷에는 다양한 한글 코드가 사용 중  EUC-KR  KS 완성형 한글 코드  2,350 개의 제한된 글자 표현  UTF-8  UTF : Unicode Transformation Format  Unicode 를 표기하고 전송하기 위한 방법  8-bit 형식으로 처리  7-bit 표준 ASCII 와 완벽한 호환성으로 가장 많이 사용 중  8-bit 이상으로 확장 가능

Artificial Intelligence Laboratory 한글 Encoding  UTF-16  Unicode 의 기본이 되는 16-bit 로 unicode 를 그대로 표현  32-bit 까지 확장 가능  ANSI  7-bit ASCII 의 0~127 영역 외의 128~255 영역의 표준화  한글 표준 : ANSI-949

Artificial Intelligence Laboratory Naver Open API Key 등록  Naver Developer Center   좌측 메뉴 – 키 이용등록 / 수정 메뉴  / 연락처 / 사용용도 등록 Key List- 91e882eb2e55c968beef20fe6ea126d3 b8de24e13095b21049d660471bbc72c7 f5e0e9e35bba47b9ddc09f9f5fb b0c706f01ebc494df5ea894a6c0aaa 9863d2dd8e80a25d07eb2f9c002dff90 c9864c38585e5d5ed8f3e426b3d2c4dc 6f4ad5dbec8f118d b9fbcefe4 f32441ebcd3cc9de474f8081df1e54e3 네이버 아이디가 없다면 이중에서 되는것 사용해도 됨

Artificial Intelligence Laboratory Naver 검색 API  해당 변수 값을 넣고 request 요청 참조 :

Artificial Intelligence Laboratory Naver 검색 API  출력 결과 필드

Artificial Intelligence Laboratory Naver 검색 API  결과 sample data

Artificial Intelligence Laboratory 구글 검색 API 참조 :

Artificial Intelligence Laboratory 구글 검색 API  Google AJAX 검색 API 는 자바스크립트 라이브러리  html 코드에 ‘ ’ 형식으로 삽입가능  ASP.NET 의 코드비하인드에서 사용하려면 RegisterStartupScript 혹은 RegisterClientScriptBlock 함수를 사용해야 함  사용법은 MSDN 참조 ( kr/library/system.web.ui.page.registerclientscriptblock.as px) 참조 :

Artificial Intelligence Laboratory 구글 Weather API  구글에서 제공하는 날씨정보는 XML 형태로 제공 

Artificial Intelligence Laboratory 9 주차 과제  Google/ 네이버 검색 API 를 이용한 검색페이지 + Google Weather API 기본 UI 라디오 버튼으로 선택할수 있으며 Google 을 선택하면 구글 API 로 검색이 되며, 네이버를 선택하면 네이버 API 로 검색이 가능하게 한다. 구글 Weather API

Artificial Intelligence Laboratory RadioButton  구글 검색 / 네이버 검색 선택을 위한 용도  RadioButtonList 로 구현  Selected ‘true’ 를 이용하여 초기 선택 버튼 설정

Artificial Intelligence Laboratory String.Format  string 변수에 특정 format 적용 방법  {0}, {1}, … 등은 parameter 변수 순서  {0:D} – Decimal  {0:F} – Fixed Point

Artificial Intelligence Laboratory 구글 Weather API  Weather API 는 페이지가 로드될때마다 실행되므로 Page_Load 함수에서 구현  한글 Encoding 문제가 발생하므로 아래와 같은 코드를 구 현 추가

Artificial Intelligence Laboratory 구글 검색 API  구글 검색 API 는 자바스크립트로 동작  아래그림과 같이 구글 API 에서 제공하는 검색입력창이 생성되므로, 이 폼을 분리할 필요가 있음  자바스크립트의 getElementById 로 동작하므로 html 코드에 과 같은 항목이 있어야함  searchControl 함수 실행 시 검색어를 받는 폼과 결과 폼을 분리하여 야 하므로 검색어를 받는 폼은 과 같은식으로 사용  자세한 내용은 참고  Javascript 함수 중 getElementById 참고

Artificial Intelligence Laboratory 구글 검색 API  대략적인 코드는 다음과 같음

Artificial Intelligence Laboratory 참고사이트  - RegisterClientScriptBlock 함수사용관련  - 네이버 웹문서 API 사용  ation/ - 구글 AJAX 검색 API 사용 ation/  - 구글 Weather API 이용하기