[웹개발] 클라이언트와 서버의 동작개념

⚠️ 이 포스팅은 스파르타코딩클럽 리액트 기초반을 공부하고 정리한 블로그 포스팅입니다. ⚠️

 

포스팅에 해당하는 목차는 다음과 같습니다:
1주차 

• 1-3 프론트엔드 기초지식

 

---

 

1. 클라이언트와 서버

1.1 클라이언트

• 사용자가 웹사이트를 보는 도구(휴대폰, 아이패드, PC)를 클라이언트라고 한다
• 클라이언트는 서버에서 받아온 데이터를 화면에 그려준다

1.2 서버

• 사용자가 보는 웹사이트에 뿌려줄 데이터를 만들어서 보내주는 장치를 말한다

 

2. 웹의 동작 개념

2.1 HTML을 받는 경우

2.1.1 HTML을 받는 경우 웹 동작 순서

1) 클라이언트가 서버에 요청을 보낸다

2) 서버는 요청받은 HTML을 클라이언트에 보내준다

3) 브라우저는 받은 HTML을 그려준다

2.1.2 클라이언트는 어디에 요청을 보낼까?

서버가 만들어 놓은 API라는 창구에 미리 정해진 약속대로 요청을 보낸다

예) https://naver.com/
→ 이것은 "naver.com"이라는 이름의 서버에 있는, "/" 창구에 요청을 보낸 것이다

 

2.2 데이터만 받는 경우

2.2.1 데이터만 받는 경우 예시

공연 티켓을 좌석을 예매할때 좌석이 차고 빠질때마다 페이지가 리프레시 될 수 없기때문에 데이터만 받아 갈아끼운다

2.2.2 데이터만 받는 경우에 사용하는 데이터 형식 JSON