매일 작성하는 개발 일기
close
프로필 배경
프로필 로고

매일 작성하는 개발 일기

  • 분류 전체보기 (490) N
    • JavaScript (31)
    • Flutter (15)
    • HTML CSS (2)
    • 알고리즘 (254) N
      • Programmers (108) N
      • Baekjoon (146) N
    • CS (11)
      • 컴퓨터 구조 (5)
      • 네트워크 (6)
    • Projects (0)
      • 분양모음집 (0)
      • 교정일기 (0)
      • 웹소설 캘린더 (0)
    • 스파르타코딩클럽 (166)
      • 내일배움캠프 (152)
      • 웹개발 종합반 (9)
      • 앱개발 종합반 (5)
    • 개발 기록장 (6)
    • 회고 (5) N
  • 홈
  • JavaScript
  • Flutter
  • 태그
  • 방명록
간단하게 이해하는 CDN

간단하게 이해하는 CDN

프론트엔드 성능을 향상시키 위해서 가장 먼저 고려해야 할 것은 코드 스플리팅이나 서버 컴포넌트 같은 어려운 기술이 아니라 CDN이다. CDN은 기본적이면서도 가장 강력한 성능 개선 도구다.이 글에서는 CDN의 개념, 동작 방식, 그리고 어떤 장점이 있는지를 간단하게 살펴본다. CDN이란?CDN은 Content Delivery Network, 즉 콘텐츠 전송 네트워크를 의미한다. 전 세계에 분산된 서버를 통해 지연(latency)을 줄이고,웹 콘텐츠(예: JS, CSS, 이미지, 폰트 등)를 사용자에게 더 빠르게 전달하는 것이 핵심 목적이다. CDN의 핵심 전략분산 서버CDN 제공 업체는 전 세계 여러 지역에 엣지 서버(Edge Server)를 보유하고 있다.이 서버들은 원본 서버로부터 정적 리소스를 전달..

  • format_list_bulleted CS/네트워크
  • · 2025. 5. 6.
  • textsms
HTTP와 연계하는 웹 서버

HTTP와 연계하는 웹 서버

1대로 멀티 도메인을 가능하게 하는 가상 호스트 가상 호스트(Virtual Host) 기능을 사용하면 하나의 HTTP 서버에서 여러 개의 웹 사이트를 실행할 수 있음 즉 같은 IP 주소의 다른 호스트명과 도메인명을 가진 여러 개의 웹 사이트가 실행될 수 있음 따라서 HTTP 리퀘스트를 보낼 때는 호스트명과 도메인명을 완전하게 포함한 URI를 지정하거나, Host 헤더 필드에서 지정해야 함 통신을 중계하는 프로그램 프록시 서버와 클라이언트의 양쪽 역할을 하는 중계 프로그램 클라이언트로부터 받은 리퀘스트를 서버에 전송하고, 오리진 서버로부터 받은 리스폰스를 클라이언트에 전송함 리소스 본체를 가진 서버를 오리진 서버(Origin Server)라고 함 중계할 때마다 Via 헤더 필드에 경유한 호스트 정보를 추가..

  • format_list_bulleted CS/네트워크
  • · 2023. 9. 4.
  • textsms
HTTP 상태 코드

HTTP 상태 코드

상태 코드는 서버로부터 리퀘스트 결과를 전달한다 HTTP 상태 코드란? 클라이언트가 서버에 HTTP 리퀘스트를 보낼 때 서버에서 그 결과가 어떻게 되었는지 알려주는 것 상태 코드의 구조: 3자리 숫자와 설명 상태 코드 클래스: 숫자의 첫 번째 자리 클래스 설명 1xx Informational 리퀘스트를 받아들여 처리 중 2xx Success 리퀘스트를 정상적으로 처리했음 3xx Redirection 리퀘스트를 완료하기 위해서 추가 동작이 필요 4xx Client Error 서버가 리퀘스트 이해 불가능 5xx Server Error 서버에서 리퀘스트 처리 실패 2xx 성공 (Sueccess) 200 OK 클라이언트가 보낸 리퀘스트를 서버가 정상 처리하였음을 나타냄 204 No Content 서버가 리퀘스트..

  • format_list_bulleted CS/네트워크
  • · 2023. 7. 28.
  • textsms
HTTP 통신

HTTP 통신

HTTP 메시지 공통 구조 메시지 헤더 서버와 클라이언트가 꼭 처리해야 하는 내용과 속성 개행 문자 메시지 바디 꼭 전송되는 데이터 그 자체 메시지 헤더 구성 요소 리퀘스트 라인 혹은 상태 라인 리퀘스트 라인: 리퀘스트에 사용하는 메소드와 URI, HTTP 버전이 포함됨 상태 라인: 리스폰스 결과를 나타내는 상태 코드와 설명, 사용하는 HTTP 버전이 포함됨 헤더 필드: 리퀘스트와 리스폰스의 여러 조건과 속성 등을 나타냄 리퀘스트/리스폰스 헤어 필드, 일반 헤더 필드, 엔티티 헤더 필드 등 인코딩으로 전송 효율을 높이다 HTTP로 데이터를 전송할 때 인코딩(변환)을 하면 전송 효율을 높일 수 있음 메시지: HTTP 통신의 기본 단위로 8비트로 구성되고 통신을 통해 전송됨 엔티티: 리퀘스트랑 리스폰스의 페..

  • format_list_bulleted CS/네트워크
  • · 2023. 7. 21.
  • textsms
HTTP 프로토콜의 구조

HTTP 프로토콜의 구조

HTTP는 클라이언트와 서버 간에 통신을 한다 클라이언트는 텍스트, 이미지 등과 같은 리소스가 필요하다고 요구하고 서버가 이 리소스를 제공함 리퀘스트와 리스폰스를 교환하여 성립 클라이언트는 서버에 리퀘스트(Request)를 보내고, 서버는 리스폰스(Response)로 응답한다. GET /index.html HTTP /1.1 Host: www.hackr.jp 리퀘스트 메시지는 메소드, URI, 프로토콜 버전, 옵션 리퀘스트 헤더 필드, 엔티티로 구성됨 HTTP 서버 상에 있는 “index.html” 리소스가 필요하다는 리퀘스트 GET: 서버에 요규하는 종류 (메소드) index.html: 리퀘스트 URI로서 요구 대상인 리소스를 나타냄 HTTP /1.1: HTTP 버전 번호 HTTP /1.1 200 OK ..

  • format_list_bulleted CS/네트워크
  • · 2023. 7. 13.
  • textsms
웹과 네트워크의 기본

웹과 네트워크의 기본

웹은 HTTP로 나타낸다 HTTP (HyperText Transfer Protocol) 웹 문서 전송 프로토콜 HTTP/1.1 버전이 현재 가장 많이 사용되고 있음 네트워크의 기본은 TCP/IP 프로토콜이란? 서로 다른 하드웨어와 운영체제 등을 가지고 서로 통신을 하기 위해 필요한 규칙 TCP/IP란? 인터넷과 관련된 프로토콜 집합의 총칭 TCP/IP 계층화의 장점 사양이 변경되었을 때 해당 계층만 바꾸면 된다. 각 계층 별로 내부 설계를 편하게 할 수 있다. 애플리케이션 계층 ⇒ 트랜스포트 계층 ⇒ 네트워크 계층 ⇒ 링크 계층 송신 측은 애플레이케이션 계층에서부터 내려가고, 수신 측은 반대로 애플리케이션 계층으로 올라감 각 계층을 거칠 때는 반드시 헤더에 해당 계층마다 필요한 정보를 추가함 반대로 수신..

  • format_list_bulleted CS/네트워크
  • · 2023. 7. 13.
  • textsms
  • navigate_before
  • 1
  • navigate_next
GitHub Link
전체 카테고리
  • 분류 전체보기 (490) N
    • JavaScript (31)
    • Flutter (15)
    • HTML CSS (2)
    • 알고리즘 (254) N
      • Programmers (108) N
      • Baekjoon (146) N
    • CS (11)
      • 컴퓨터 구조 (5)
      • 네트워크 (6)
    • Projects (0)
      • 분양모음집 (0)
      • 교정일기 (0)
      • 웹소설 캘린더 (0)
    • 스파르타코딩클럽 (166)
      • 내일배움캠프 (152)
      • 웹개발 종합반 (9)
      • 앱개발 종합반 (5)
    • 개발 기록장 (6)
    • 회고 (5) N
인기 글
최근 글
전체 방문자
오늘
어제
전체
Copyright © 쭈미로운 생활 All rights reserved.
Designed by JJuum

티스토리툴바