2-6_서버-클라이언트 통신 이해하기

Ⅰ. 이번 회차 학습 목표 (goal)

---

1. 배우고자 하는 것

• 서버에서 데이터를 내려주는 ==형태== 이해하기

Ⅱ. Jsonview 활용해서 JSON 데이터를 예쁘게 보기

---

1. 해봐

• 서울시 미세먼지 openapi

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

• 이걸 좀 더 예쁘게 보려면 -> Jsonview 로
  #jsonview_크롬확장프로그램_설치url

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

  
  

• 복사 붙여넣기 해서 -> 추가

• 그러면, 예쁘게 보임

• RealtimeCityAir 의 구성
• 
  • key value 로 이루어져 있음.
  • value 안에는 list, dictionary 가 중첩되어서 들어가 있음.

Ⅲ. 클라이언트 서버 이해 해보기

---

1. 은행에서 고객 - 은챙 창구 관계

• 예금 할 거면 -> 예금 창구에 요청해야 함
• 대출 할 거면 -> 대출 창구에 요청

2. 컴퓨터 과학으로 돌아오면

• 클라이언트 - 서버 관계도 마찬가지
• =='창구'== 역할을 하는게 =='API'== 임

3. get 타입

• 통상적으로 ==데이터를 조회(read)== 할 때
• 거기 안에 있는 데이터를 ==바꾸지 않음==
• ex) 어제 주문한 사람 데이터 줘, 오늘 주문한 사람 데이터 줘. ⭐⭐⭐⭐⭐

• get 할 거면 -> get 방식에 따라서 요청

1) 예시

• 네이버에서 기생충 검색한 경우 get 방식을 사용한 것 임

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

• 자세히 읽어보기
  
  movie.naver.com : 이런 엄청 큰 컴퓨터에
  
  /movie/bi/mi/basic.nhn : 이런 '창구' 에
  
  code=161967 : 이런 코드 번호! 를 들고 갔다.
  

• 다르게 읽기
  
  주소는 ? 를 기준으로 분리 ( ? 라는게 뭔가를 물어본다, request 한다는 느낌)
  앞 : ==서버주소== (https://movie.naver.com/movie/bi/mi/basic.nhn)
  뒤 : ==영화번호== (코드번호) (code=161967)

• 이런식으로 작동하는 걸 누가 정해?
  • 서버 개발자랑 클라이언트 개발자가 ==미리 약속== 해서 정해
  • 즉, 서버개발자 " code=161967 이런식으로 숫자에 넣어서 주면 -> 영화 정보 줄게"
  • 클라이언트 개발자 "알겠어. 그러면 code 에 번호 넣어서 줄게"

2) 예시 - google

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

google.com : 이런 큰 컴퓨터로 간다. (이런 ==서버== 로 간다.)

/search : 이런 ==창구== 에 간다.

? : 가서 물어본다. 여기부터는 서버가 미리 정해놓는게 아니다. 사용하는 사람이 능동적이고, 주체적으로 정하게 되는 부분이다. 이게 신기하다. 이 순간 질문이고, request 이다. ==그 기호를 ? 로 했다는 것은 굉장히 적절하다고 생각한다. 재밌다.==

즉, ==? 다음엔 내가 전달할 데이터, 내가 질문하게 되는 내용== 이 등장하게 된다. ⭐⭐⭐⭐⭐

q=아이폰 : 아이폰에 대해서 묻는다.

& : ==전달할 데이터가 더 있음!== 을 의미 ⭐⭐⭐⭐⭐

&sourceid=chrome : 크롬 이라는 브라우저 정보

&ie=UTF-8 : 인코딩 정보

4. post 타입

• 데이터를 ==생성(create), 변경(update), 삭제(delete)==
• ex) 회원가입하면 -> 회원 정보를 넣어줘 ⭐⭐⭐⭐⭐
• ex) 비밀번호 업데이트 하면 -> 비번 정보 업데이트 해줘
• ex) 회원 탈퇴 하면 -> 삭제 해줘

• post 할 거면 -> post 방식에 따라서 요청

💭 What i learned

---

• jsonview 확장프로그램 설치 하면 -> 좀 더 예쁘게 json 형식을 볼 수 있음.
• 처음 보는 개념은 -> 예시 를 암기 ⭐⭐⭐⭐⭐⭐⭐

• ? 를 기준으로 '서버' 랑 '내가 보내는 정보' 가 나뉜다는게 신기함
• & 이건, 추가적으로 보내는 정보였구나.

• '클라이언트가 get 타입으로 요청' 하는 걸 이해하고 싶으면 -> 네이버 기생충 검색, 구글 아이폰 검색 예시에서 ==url 을 읽어보면== 도움이 됨 ⭐⭐⭐⭐⭐