📢서버 통신의 마법 ajax

자바스크립트로 페이지 전환없이 서버에서 값을 받아올 수 있는 방법이다.
서버에서 클라이언트한테 여기로 요청하라고 열어놓은 창구
API

클라이언트가 서버한테 요청(데이터 요구)
👉그러면 서버가 클라이언트한테 데이터를 줌
이걸 내려줄 때 포맷이 JSON이라고 한다.

JSON을 보기 쉽게 해주는 크롬 익스텐션이 있다.

Jsonview라는 사이트에서 설치.
Jsonview

딕셔너리와 리스트의 조합과 생김새가 똑같다.

RealtimeCityAir:{..} 라는 키에
딕셔너리가 하나 들어있다.
list_total_count": 25 라는 키에
25라는 value
RESULT:{..} 라는 키에
딕셔너리
row:[..] 라는 키에
리스트
안에 딕셔너리가 여러개 들어있다.👉자바스크립트에서 연습했던 for문 패턴이다.
예)RealtimeCityAir안에 row안에 0번째 'MSRSTE_NM' 👉중구

🎈클라이언트에서 서버로 요청을 할 때 쓰는 타입

예)은행에서 입출금 창구에서 개인이냐,기업고객이냐에 따라서
은행에 가져가야할 서류가 다르다.

👉같은 주소의 창구더라도 타입에 따라서
GET요청이냐 POST요청이냐에 따라서 가져가야될 데이터라든지
동작하는 기능이라든지 다르다.

GET,POST 말고도 여러가지가 있지만,거의 두개만 알고 있으면 된다.

🎈GET 요청

https://movie.naver.com/movie/bi/mi/basic.nhn?code=161967
이 주소를 찬찬히 뜯어보면
movie.naver.com👉이 서버의 주소 예)우리은행 용산지점
/movie/bi/mi/basic.nhn👉예)우리은행 용산지점 안에서의 창구 이름 정도.
?(가져간다는 뜻)을 기점으로 뒤에 code=161967👉 이것이 고객이 가지고 가는 데이터다.
예)주민번호
코드값을 다른걸로 수정하면 코드값 오류로 뜬다.
그럼 이 code는 누가 정했는가.
요청을 하는 클라이언트 프로그래머와 요청을 받는 서버 프로그래머 사이에서
미리 약속한 것이다.
만약에 movie code로 수정해서 가져가면 코드값 오류라고 뜬다.

하나더 &로 이어서 가져간다고 하면 어떻게 됄까?
code=161967&name=sparta로 하나 더 가져가면
에러가 나지 않는다.
예)창구에 오는데 민증만 가져오면 되는걸 성적표도 같이 갖고왔다.
성적표는 쓰지는 않고 민증으로 업무 처리를 해준다.

👉이게 GET의 요청하는 url이다.