공공데이터API활용 9번 프로젝트 기준으로 시작!. data.js파일을 열고 내용을 다 지워준다. item 배열을 내용을 가지고 오고 싶다!. data.js에 이 부분을 넣어준다. ajax를 사용하여 url에 Get으로 요청을 보내면 json data를 가져온다. $(document).ready(function(){ $.ajax({ // ajax 옵션 설정 url:"공공API URL", type:"GET", dataType:"json", // 요청이 성공시 할 일 처리 success:function(data){ console.log(data.items.item, typeof data); //배열 // 할일 처리 //페이지단에 붙이기 } }) }); 이렇게 하면 item 배열 안에 2개의 요소(Object..

전체 글
1. 이클립스 실행 2. dynamicWebProject 생성 3. WebContent 아래 json폴더 생성 후 data.json 파일 생성 4. WebContent 밑에 index.html JSON데이터 리스트 보기 5. ApiServlet.java 서블릿을 만든다. @WebServlet("/data.do") public class ApiServlet extends HttpServlet { private static final long serialVersionUID = 1L; public ApiServlet() { super(); } protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletE..
준비물 1. JSON파일 [ { "id":1, "name":"이상혁", "age":26, "address":"서울시 서초구 양재동 OO물산 307-12 양재로 111", "gender":"Male", "job":"Progammer", "hobby":"책보기" }, { "id":2, "name":"김종인", "age":28, "address":"서울시 서초구 양재동 OO물산 307-12 양재로 111", "gender":"Male", "job":"Archer", "hobby":"게임하기" }, { "id":3, "name":"배준식", "age":28, "address":"서울시 서초구 양재동 OO물산 307-12 양재로 111", "gender":"Male", "job":"Programmer", "hob..
package data.api.json; import java.io.BufferedReader; import java.io.InputStreamReader; import java.net.HttpURLConnection; import java.net.URL; public class ApiJson { public static void main(String[] args) { // 버퍼 이용 : BufferedReader --> 버퍼를 이용해서 읽고 쓰는 함수. // 버퍼(Buffer) : 완충제역할 // : 입출력 속도 향상을 위해서 데이터를 일시적으로 메모리 영역의 한 곳에 모아두는 것. // 버퍼 장점 : 버퍼를 이용하기 때문에 입출력 관련 처리작업을 매우 빠르게 할 수 있다. BufferedReader ..
https://www.data.go.kr/index.do 공공데이터 포털 국가에서 보유하고 있는 다양한 데이터를『공공데이터의 제공 및 이용 활성화에 관한 법률(제11956호)』에 따라 개방하여 국민들이 보다 쉽고 용이하게 공유•활용할 수 있도록 공공데이터(Datase www.data.go.kr 가입을 해야한다 활용신청 누르고 사용목적 등을 입력하면, 바로 활용할 수 있을 수도 있고 하루? 정도 기다려야 승인이 날 수도 있다. 마이페이지를 들어가면 내가 활용 신청한 API를 볼 수 있다. 들어가서 활용신청 상세기능정보를 들어가 Rest조회 미리보기 확인을 누른다. 이런 화면이 뜨고 미리보기를 눌러 확인한다. https://chrome.google.com/webstore/category/extensions?..
// JSON 데이터를 웹페이지로 출력하기 // Parsing --> 다른 형식으로 저장된 데이터를 목적에 맞는 형태의 형식으로 변환하는 것. // JSON Parsing --> JSON 형식의 텍스트 문자열을 목적에 맞게 객체로 변환 window.onload=()=>{ document.getElementById('btn').addEventListener('click',function(){ console.log('text'); // ------------------------------------------------------------- let json={ "book":[{ "isbn":"123-456-789", "author":{ "name":"홍길동", "email":"hong@hongkildon..