프론트엔드 - 1. Web의 동작 원리

Yean·2023년 8월 28일
0

프론트엔드

목록 보기
1/4
post-thumbnail

프론트엔드 관련 개념 복습

📠 PC 통신 - 폐쇄, 저속, 전화선/ 모뎀
💻 Web - 개방, 고속, 광랜(FTTH)

🖥️서버의 기본 구조

👩‍💻클라이언트 - 브라우저를 통해 요청을 보내는 주체.
요청(request) -> <- 응답(response)
💻 서버 - 요청을 수신하여 처리 후 응답을 전달하는 주체.

✔️HTTP

일정 규칙을 정해서 요청을 보내고 응답을 전달

Hyper Text Transfer Protocol의 약자
하이퍼 텍스트 전송 규칙, 규약.

✔️URL

Uniform Resource Locator

↪️https:// www.google.com/search?q=naver

https://

  • 프로토콜 (Protocol) : 통신규칙, HTTP(HTTPS),FTP 등

www.google.com

  • 호스트 (Host) : 서버의 주소. google.com을 호스트 네임이라고 지칭.
  • 경로(Path): 호스트 내 서비스의 위치, 서비스 별로 분할. 검색, 회원 등

?q=naver

  • 쿼리 문자열 (Query String) : ?기호로 시작, &로 연결. 키/값 쌍으로 구성. 검색 조건을 연속적으로 추가할 수 있음.

❔세션과 쿠키를 사용하는 이유

Http 프로토콜의 약점을 보완하기 위해

❕HTTP의 특징

connectionless

  • 클라이언트가 요청을 했을 때 응답을 보낸 후 연결을 끊는 방식

Stateless

  • 각 요청과 응답이 종료되었을때 연결이 지속되지 않고 상태를 끊는 방식

🍪 쿠키

키 값 구조. 유효기간 있음.
클라이언트에 총 300개의 쿠키 저장 가능.
하나의 도메인 당 20개의 쿠키를 지닐 수 있음.
하나의 쿠키는 4KB까지 저장 가능.
서버의 자원을 사용하지 않음.
httpOnlysecure - 서버가 클라이언트를 식별할 수 있는 유일한 도구는 쿠키

🧊 세션

일정시간 같은 사용자로 들어오는 요구를 하나의 상태로 보고 그 상태 유지.
쿠키의 단점, 한계점 보완. 쿠키보다 보안이 좋음.
브라우저를 닫거나 서버에서 세션 삭제 시 삭제.
저장 데이터에 제한이 없음.
각 클라이언트에 고유 세션 ID 부여.
세션 ID로 구분해 요구에 맞는 서비스 제공.
쿠키의 데이터는 세션 저장소에 저장.
클라이언트가 요청 시 매번 쿠키를 보내는 리소시 비용 절감.
세션 저장소는 서버 측의 비용.
서버 측에서 운용하ㅇ는 가용성과 설계가 서버의 성능에 영향을 미침.

➡️ 네트워크

두 대 이상의 컴퓨터가 연결된 통신망

스위치

동일한 네트워크에서 호스트 간 통신을 가능하게 해주는 장비.

라우터

서로 다른 네트워크 간 통신 가능. (= 공유기)

✔️IP

Internet Protocol

  • 컴퓨터 간 데이터를 주고받는 네트워크 계층의 규약.

데이터 전달에 필요한 목적지 컴퓨터 정보가 필요.
IPv4 - 32비트
IPv6 - 128비트

✔️ISP

인터넷 서비스 제공자(SK,KT,LG)
ISP는 사용하는 컴퓨터나 공유기에 공인 IP제공

공인 IP

  • 전체 인터넷 망에서 고유하게 식별 가능한 주소. IPv4 체계에서 자원 부족

사설 IP

  • 가정의 LAN과 같은 네트워크에서 할당되는 주소. 컴퓨터에서 조회되는 IP

ISP가 램에 공인 IP를 할당해주면 램에 연결된 기기들은 사설 IP를 할당받아 사용.

127.0.0.1 = local host. 내 컴퓨터에서만 유효한 주소.

✔️Port

하나의 컴퓨터에는 다양한 서비스가 실행 중.
서비스를 구분하는 역할.
포트 번호 : http=80, https=443, smtp=25, ftp=21

✔️DNS(Domain Name Server)

URL을 해석하여 IP 주소로 반환하는 서버
국가, 기업 등이 운영. 전세계 DNS는 연결되어 있음. 장애 발생 시 막대한 피해.

profile
정리하는 공간

0개의 댓글