본문 바로가기

Javascript

서버→클라이언트: "JSON"

서울시 OpenAPI에 접속 : 서울시 미세먼지 OpenAPI 

http://openapi.seoul.go.kr:8088/6d4d776b466c656533356a4b4b5872/json/RealtimeCityAir/1/99

 

크롬 익스텐션 JSONView를 설치

https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc?hl=ko 

 

JSONVue

Validate and view JSON documents

chrome.google.com

✅ JSON :  Key:Value (자료형 Dictionary와 유사)

RealtimeCityAir라는 키 값에 딕셔너리 형 value가 들어가있고, 그 안에 row라는 키 값에는 리스트형 value가 들어가있다.

✅ 클라이언트→서버: GET 요청

클라이언트가 요청 할 때에도, "타입"이라는 것이 존재

* GET → 통상적으로! 데이터 조회(Read)를 요청할 때

예) 영화 목록 조회

 

* POST → 통상적으로! 데이터 생성(Create), 변경(Update), 삭제(Delete) 요청 할 때

예) 회원가입, 회원탈퇴, 비밀번호 수정

 

🌐

https://movie.daum.net/moviedb/main?movieId=161806

 

* 서버 주소: https://movie.daum.net/moviedb/main?movieId=161806

* 영화 정보: movieId=161806

 

위 주소는 크게 두 부분으로 쪼개진다. 바로 "?"가 쪼개지는 지점인데 "?"을 기준으로 앞부분이 <서버 주소>, 뒷부분이 [영화 번호]다.

 

✅ GET 방식으로 데이터를 전달하는 방법

? : 여기서부터 전달할 데이터가 작성된다는 의미

& : 전달할 데이터가 더 있다는 뜻

 

예시) google.com/search?q=아이폰&sourceid=chrome&ie=UTF-8

 

위 주소는 google.com의 search 창구에 다음 정보를 전달한다!

q=아이폰 (검색어)

sourceid=chrome (브라우저 정보)

ie=UTF-8 (인코딩 정보)

 

🌏 code라는 이름으로 영화번호를 주자는 것은 프론트엔드 개발자와 백엔드 개발자가 미리 정해둔 약속이다.

 

예) 프론트엔드: "code라는 이름으로 영화번호를 주면 될까요?"

백엔드: "네 그렇게 하시죠. 그럼 code로 영화번호가 들어온다고 생각하고 코딩하고 있을게요"

 

 

 

 

'Javascript' 카테고리의 다른 글

fetch / forEach / $('#id').append(temp_html)  (0) 2023.07.12
Fetch / console.log(data)  (0) 2023.07.12
JQuery / $('#id').append(temp_html)  (0) 2023.07.12
JQuery 반복문 / 조건문  (0) 2023.07.11
딕셔너리_ 키(key)-밸류(value) 값  (0) 2023.07.11