본문 바로가기
코딩

[HTTP] Web application architecture

by Frontend 2022. 6. 12.

키워드 : 클라이언트, 서버, 프로토콜, HTTP, API, URL, URI, IP, Port, 도메인, DNS, Requests, Responses, AJAX, SSR, CSR


Web Application Architecture

 

  1. 2 Tier Architecture
    • Clinet : 리소스를 사용하는 앱
    • Server : 리소스가 존재하고 제공하는 곳
  2. 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