키워드 : 클라이언트, 서버, 프로토콜, HTTP, API, URL, URI, IP, Port, 도메인, DNS, Requests, Responses, AJAX, SSR, CSR
Web Application Architecture
- 2 Tier Architecture
- Clinet : 리소스를 사용하는 앱
- Server : 리소스가 존재하고 제공하는 곳
- 3 Tier Architecture ( = 2 Tier Architecture + 데이터베이스)
- Clinet : 리소스를 사용하는 앱
- Server : 리소스가 존재하고 제공하는 곳
- Database : 리소스를 저장하는 공간
- 클라이언트와 서버의 종류
클라이언트 | 서버 |
웹 사이트(웹 앱) | 웹 서버 |
스마트폰 / 태플릿용 앱 | 파일 서버 |
데스크탑 앱 | 메일 서버 |
데이터베이스 서버 |
- 클라이언트와 서버의 통신
- 클라이언트와 '요청'이 있어야 서버의 '응답'이 있다.
- 1번의 요청에는 1번의 응답이 있다.
- 프로토콜 : 통신 규약(요청 시 지켜야하는 규약)
- 웹 어플리케이션 아키텍처에서는 HTTP라는 프로토콜로 소통
- 각 프로토콜마다 준수해야하는 규약이 존재
- API(Application Programming Interface)
- 클라이언트가 리소스를 잘 활용할 수 있도록 서버가 제공하는 인터페이스
- HTTP 요청에는 CRUD와 일치하는 메서드가 존재
요청 | 메서드 |
조회 (READ) | GET |
추가 (CREATE) | POST |
갱신 (UPDATE) | PUT or PATCH |
삭제 (DELETE) | DELETE |
OPTIONS |
'코딩' 카테고리의 다른 글
[Web server] 기초 (0) | 2022.06.16 |
---|---|
[React] 클라이언트 Ajax 요청 (0) | 2022.06.14 |
[HTTP] REST API (0) | 2022.06.10 |
[React] 리액트 SPA (0) | 2022.06.05 |
[React] 리액트 & JSX (0) | 2022.06.04 |