클라이언트와 서버의 통신 방법을 알아보기에 앞서, IP address에 대한 선수 지식이 필요하므로 이것을 먼저 설명하고자 한다.
1. IP address란 ?
- 0~255까지의 4개의 숫자로 이루어짐 ex) 111.111.111.111
숫자 간의 구분은 .으로 구분하고, browser는 사용 컴퓨터의 ip 주소를 알아야 요청할 수 있다.
browers는 사용 컴퓨터의 IP 주소를 알고 있어야 요청을 할 수 있다.
하지만 위에서 예시로 든 주소처럼 숫자로 구성된 형태는 기억하기 어렵기 떄문에 그에 따른 주소 이름을 설정하여
그 주소를 대신하는데, 이것을 도메인 형태라고 한다. ex) www. google.com
이렇게 생성된 도메인을 IP 주소와 연결하는 것을 DNS(Domain Network Service)가 담당한다
주의 사항으로 ! webapp(clinet)에서 server로의 요청을 불가! 한데 그 이유는 바이러스가 있을 수 있다 / 보안 문제
-> 이를 막기 위한 정책을 CORS(cross-origin resource sharing)이라 한다.
2. Port Number
정의 : 컴퓨터가 특정 소프트웨어를 지정하기 위한 고유 넘버
ex) HTTP 8080
자주 쓰이는 포트 번호들에 대한 약속으로, 1000
3. 요청 방법 -> API(application programming interface)
방법 : Get - 정보 받아오기
Post - 정보 수정하기
Put - 정보 추가하기
Delete - 기존 정보 제거하기
* bundler
현재 프로젝트에서 사용하고 있는 Vite 서버에는 자체적으로 제작한 local 주소가 존재하지 않고, 다른 방법을 사용하는데
weebapp(browser)에서 bundler에게 요청
bundler가 local 서버로 우회
응답의 경우에도 마찬가지이다. 이런 중재 역할을 하는 것을 Proxy라고 한다.
'패스트캠퍼스 데브캠프' 카테고리의 다른 글
| 김민태의 데브캠프 2기 - this에 대해 아라보자 (0) | 2024.10.31 |
|---|---|
| 김민태의 데브캠프 2기 - javascript 관련 지식 + 1하기 (0) | 2024.10.31 |
| 김민태의 데브캠프 2기 - javascript (0) | 2024.10.27 |
| 김민태의 데브캠프 2기 - JS 데이터 실습 (0) | 2024.10.25 |
| 김민태의 데브캠프 2기 - js를 활용한 DOM 구현 (0) | 2024.10.18 |