서버-클라이언트 통신 이해하기
1.서버 -> 클라이언트 : JSON을 이해하기
Tip 크롬 익스텐션 JSONView를 설치하면 좀 더 깔끔하게 JSON 파일을 볼 수 있다.
1) 크롬 익스텐션 JSONView 설치 전의 jsonview
2) 크롬 익스텐션 JSONView 설치 후의 JSONView
딕셔너리의 형태로 보여진다.
2. 클라이언트 -> 서버 : GET 요청 이해하기
API는 은행 창구와 같은 것!
고객이 원하는 은행 업무에 따라 가져와야 하는 것 / 처리해주는 것이 다른 것처럼,
클라이언트가 요청 할 때에도, "타입"이라는 것이 존재.
* GET : 통상적으로 데이터 조회(Read)를 요청할 때
* POST : 통상적으로 데이터 생성(Create), 변경(Update), 삭제(Delet) 요청할 때
2주차에선 get 요청만 배워볼 것!
네이버영화 주소 쪼개보기
주소가 https://movie.naver.com/movie/bi/mi/basic.nhn?code=161967 이렇게 되어있는데, 위 주소는 크게 두 부분으로 쪼개진다.
바로 "?"가 쪼개지는 지점인데, "?" 기준으로 앞부분이 <서버 주소>, 뒷부분이 [영화 번호] 이다.
* 서버 주소: https://movie.naver.com/movie/bi/mi/basic.nhn * 영화 정보: code=161967
GET 방식으로 데이터를 전달하는 방법
? : 여기서부터 전달할 데이터가 작성된다는 의미입니다.
& : 전달할 데이터가 더 있다는 뜻입니다.
예시) google.com/search?q=아이폰&sourceid=chrome&ie=UTF-8
위 주소는 google.com의 search 창구에 다음 정보를 전달합니다!
q=아이폰 (검색어)
sourceid=chrome (브라우저 정보)
ie=UTF-8 (인코딩 정보)
'TIL저장소' 카테고리의 다른 글
[스파르타코딩클럽]웹개발 3주차 MongoDB 설치하기 (0) | 2021.06.22 |
---|---|
[스파르타코딩클럽]웹개발 2주차 ajax 시작하기 (0) | 2021.06.22 |
[스파르타코딩클럽]웹개발 2주차 jQuery 적용하기(퀴즈 만들기) (0) | 2021.06.22 |
[스파르타코딩클럽]웹개발 2주차 jQuery 기초 (0) | 2021.06.21 |
[스파르타코딩클럽]javascript 기초 문법/console에서 엔터하는 방법 (0) | 2021.06.21 |