Web/Javascript, React

Web/Javascript, React

공공 데이터 중첩된 JSON #6

HTML 화살표가 있는 사이에 값이 들어감 // [1] : 중첩 데이터 window.onload = () => { const book = { "isbn": "123-456-789", "author": { "name": "홍길동", "email": "hong@hongkildong.com" }, "editor": { "name": "이순신", "email": "lee@leesoonsin.com" }, "title": "대한민국", "category": [ "Non-Fiction", "IT", "Politics" // 0 1 2 [ ] ] } console.log( book["author"].name );// 홍길동 console.log( book["editor"].name );// 이순신 console.lo..

Web/Javascript, React

공공 데이터 JS 기초2 #5

//JSON 데이터를 다루기 위한 JS 기본 사용법 //[1] 데이터 const person = [ {"name":"홍길동","age":20,"nationality":"한국"}, {"name":"이순신","age":30,"nationality":"미국"}, {"name":"강감찬","age":40,"nationality":"영국"}, {"name":"을지문덕","age":50,"nationality":"프랑스"} ]; // [5] : 수정 console.log( '--------------------------------------------- '); person[0].name = "홍길자"; person[0].age = 22; console.log('이름이 '+ person[0].name+' 로 수정되..

Web/Javascript, React

공공 데이터 JS 기초1 #4

데이터 입력 및 타입 확인 //[1] 데이터 const person = [ '{"name":"홍길동","age":20,"nationality":"한국"}', -> '' 로 감쌌기 때문에 string {"name":"이순신","age":30,"nationality":"미국"}, {"name":"강감찬","age":40,"nationality":"영국"}, {"name":"을지문덕","age":50,"nationality":"프랑스"} ]; console.log(typeof person); //Object console.log(typeof person[0]); //string '' console.log(typeof person[1]); //object 출력 //JSON 데이터를 다루기 위한 JS 기본 사용법..

Web/Javascript, React

공공 데이터 API의 개념 #3

1. API란? Application Programming Interface -> API 일종의 약속. 응용 프로그램 들 간에 데이터를 주고 받는다든지 , 호출한다든지 할때 원할히 전달되고 리턴 받을 수 있도록, 또는 기능을 원할히 사용할 수 있도록 인터페이스를 제공하는 것 2. JSON 이란? JavaScript Object Notation -> 자바스크립트 객체 표기법 (표현) 자바스크립트에서 객체를 만들때 사용하는 표현식 -> 상호간 데이터를 주고받는경우가 많은데 이때 , 객체 상태로 데이터를 전달할 수 없기에 객체(Object)를 문자열(String)로 변환하여 전달 받은 쪽에서는 다시 문자열을 객체로 변환해야하지만 해당 프로그래밍 언어에서 객체로써 사용할 수 있다. 이러한 변환 과정 사용법을 잘..

Web/Javascript, React

공공 데이터 API 사이트 #2

1. 공공 데이터 포털 https://www.data.go.kr/ 공공데이터 포털 국가에서 보유하고 있는 다양한 데이터를『공공데이터의 제공 및 이용 활성화에 관한 법률(제11956호)』에 따라 개방하여 국민들이 보다 쉽고 용이하게 공유•활용할 수 있도록 공공데이터(Datase www.data.go.kr 2. 카카오 디벨로퍼 https://developers.kakao.com/ Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 공공데이터 사용 공공데이터 사용신청 -> 승인 -> 사용 XML 형식 미리보기 type : XML JSON 형식 미리보기

Web/Javascript, React

공공 데이터 API 세팅하기 #1

개발도구 : 노트패드 7.8.8 이상 python 3.8 이상 Bootstrap 3 or 4 Eclipse IDE Oxygen 버전 (JDK8이상) 수업 1 노트패드를 설치하고 플러그인 설치 NppExec 생김 F6 단축키 python "$(FULL_CURRENT_PATH)" [저장] 및 테스트

하얀배터리
'Web/Javascript, React' 카테고리의 글 목록