[2주차] [#02] 서버 - 클라이언트 통신 이해하기

Jsonview 크롬 확장 프로그램 (JSON 형식의 데이터를 이쁘게 정리해준다)

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

JSONVue

 

---

JSON은, Key:Value로 이루어져 있다. 자료형 Dictionary와 아주 유사하다.

JSON

 

---

Client가 요청 시 Type이라는 것이 존재한다.

• GET : 정보 검색, 통상적으로! 데이터 조회(Read)를 요청할 때, ex) 게시판 리스트 불러오기
• POST : 실행 / 저장, ex) 회원가입 / 로그인
• PUT : 전체 수정, ex) 회원정보 전체 수정
• DELETE : 삭제, ex) 회원정보 삭제
• PATCH : 일부 수정, ex) 회원정보 일부 수정 (Update에 가장 가깝게 쓰이고 있다)
• OPTIONS : 시스템에서 지원하는 메소드 확인

 

---

https://movie.naver.com/movie/bi/mi/basic.nhn?code=161967

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

* 서버 주소: https://movie.naver.com/movie/bi/mi/basic.nhn
* 영화 정보: code=161967 

https://movie.naver.com/movie/bi/mi/basic.naver

---

<aside>

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

? : 여기서부터 전달할 데이터가 작성된다는 의미입니다. & : 전달할 데이터가 더 있다는 뜻입니다.

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

     위 주소는 google.com의 search 창구에 다음 정보를 전달합니다!
     q=아이폰                        (검색어)
     sourceid=chrome        (브라우저 정보)
     ie=UTF-8                      (인코딩 정보)

</aside>

<aside>

👉 여기서 잠깐, 그럼 code라는 이름으로 영화번호를 주자!는 것은 누가 정하는 것일까요?

→ 네, 바로 프론트엔드 개발자와 백엔드 개발자가 미리 정해둔 약속입니다.

프론트엔드: "code라는 이름으로 영화번호를 주면 될까요?" 백엔드: "네 그렇게 하시죠. 그럼 code로 영화번호가 들어온다고 생각하고 코딩하고 있을게요"

</aside>