나만의공간。 - mysetting

4:08 5/30

blog.naver.com

mobile screenshot relative

4:08

blog.naver.com

mobile screenshot

나만의공간。
https://blog.naver.com/writer0713/

프로그래밍을 사랑하는, 프로그래밍을 즐기는 사람입니다.

저작도구: naver blog

최종 피드 수집: 2025-10-16 08:45

전체 (368)

8d

2025.10.08

드디어 http 관련 강좌를 완강하고 블로그에 정리도 완료했다. 사실 영상을 다 본건 한달전인데 개인적으로 중요하다고 생각되는 부분들을 블로그에 정리 하다보니 시간이 더 오래 걸렸다. 확실히 블로그에 정리하면서 다시 보니 좀 더

2025年

000

8d

[HTTP] 기타 캐싱 헤더 - Expires / Vary

1. Expires Expires 는 HTTP/1.0 에서 정의한 헤더다. 서버가 파일의 캐시 만료일을 지정하는 응답 헤더로 cache-control 의 max-age 가 '초' 를 지정한다면, 이 헤더는 날짜와 시간 (만료일)

HTTP

000

8d

[HTTP] 캐시 제어 - Cache-Control

1. Cache-Control 일반적으로 캐싱 프로세스는 브라우저가 서버에 요청을 해서 캐싱 관련 헤더를 받은 이후에 동작하게 된다. 하지만, Cache-Control 헤더를 사용하면 좀 더 세밀하게 캐싱을 컨트롤하여 서버에 요청

HTTP

000

9d

[HTTP] 내용 기반 캐싱 - ETag

1. ETag (Entity Tag) 서버에서 설정하는 ETag 헤더와 클라이언트에서 설정하는 If-None-Match 헤더를 통해 내용 기반 캐싱 (ETag) 을 사용할 수 있다. ETag 는 HTTP/1.1 부터 지원하는 기능

HTTP

000

10d

[HTTP] 시간 기반 캐싱

1. 시간 기반 캐싱 (Last-Modified / If-Modified-Since) 서버에서 설정하는 Last-Modified 헤더와 클라이언트에서 설정하는 If-Modified-Since 헤더를 통해 시간 기반 캐싱을 사용할

HTTP

000

11d

[HTTP] 이미지 지연로딩

이미지 지연로딩의 필요성 브라우저는 일반적으로 파싱과정에서 img 태그를 만나면 파싱을 멈추고 이미지를 요청 및 다운로드한다. 만약, 한 페이지에 이미지가 엄청나게 많다면 (ex. 사진첩이나 블로그) 브라우저는 이 모든 이미지들에

HTTP

000

11d

[HTTP] Prefetch

Prefetch Prefetch 는 이전 포스팅에서 설명한 Preload 와 비슷한 역할을 한다. Preload 는 이미지, 스크립트, 웹폰트 등의 리소스에 대해 미리 요청을 한다면, Prefetch 는 페이지 자체에 대해 미리

HTTP

000

11d

[HTTP] Preload

Preload Preload 란 웹문서에 필요한 자원을 미리 다운로드하는 방법이다. 태그의 async 처럼
태그의 preload 속성을 사용하면 원하는 자원을 io 스레드를 통해 파싱을 멈추지 않으면서 요청을 한다. 예를 들

HTTP

000

12d

2025.10.05

내가 알고 있다고 생각하는 것들이 사실은 제대로 알고 있지 않은 경우가 많다.

2025年

000

12d

[HTTP] script 태그의 defer 속성

Defer 속성 이전 포스팅에서 Async 속성을 사용하면 script 요청이 IO 쓰레드에서 실행되면서 메인 쓰레드가 실행하는 파싱과 렌더링 과정을 멈춤없이 진행할수 있다고 설명했다. 하지만, 문제는 모든 script 에 사용할

HTTP

000

12d

[HTTP] script 태그의 Async 속성

Async 속성 렌더링에 영향을 주지 않기 위해서는 '파싱' 이 끊김없이 계속 진행되어야 한다. 이전 포스팅에서 설명했듯이 태그와 같은 요소들은 파싱에 영향을 준다. 태그의 async 속성은 파싱과 파일(javascript)

HTTP

000

12d

[HTTP] 렌더링 과정

렌더링 과정 DNS (Domain Name Server) 질의 사용자는 웹브라우저 주소창에 URL 을 입력한다. DNS 를 통해 URL 에 해당하는 IP 를 찾게되고, 해당 IP 로 요청을 보내게 된다. 브라우저는 해당 IP 의

HTTP

000

13d

2025.10.03

꾸준함으로 승부하자. 하루 30분씩이라도 공부하자. 눈으로 공부하지 말고, 직접 타이핑하며 공부하자. 백문이불여일타

2025年

000

13d

[HTTP] 사전요청 - Preflight Request

1. 사전 요청 (Preflight Request) 이전 포스팅에서 설명한 '단순 요청' 의 조건을 만족하지 못하면 브라우저는 본 요청을 보내기 전에 '사전 요청' 을 보낸다고 설명했다. 브라우저는 '단순 요청' 의 조건을 만족하

HTTP

000

13d

[HTTP] CORS - 단순요청 (Simple Request)

1. 단순요청 (Simple Request) 의 조건 아래 3가지를 모두 만족하는 경우를 '단순요청' 이라고 한다. '단순요청' 의 경우, 다음 포스팅에서 소개할 'preflight (사전 요청)' 을 하지 않는다. 요청 메서드가

HTTP

000

14d

[HTTP] CORS 의 동작원리

CORS 이전 포스팅에서 설명한 SOP 정책으로 인해 기본적으로는 '동일 출처' 가 아닌 경우 리소스 요청시 브라우저에 의해 해당 리소스를 사용할수 없게 차단된다. 만약, '동일 출처' 가 아닌 경우에 리소스를 요청하려면 어떻게해

HTTP

000

15d

[HTTP] SOP (동일 출처 정책)

1. SOP (Same Origin Policy) (CSP 와 SOP. 둘 다 세글자이고 철자도 비슷하게 생겨서 헷갈린다) SOP 는 Same Origin Policy 의 줄임말로 한국어로 하면 '동일 출처 정책' 이라고 한다.

HTTP

000

15d

[HTTP] CSP (컨텐츠 보안 정책)

1. CSP (Content Security Policy) CSP 를 설정하는 방법에는 두가지가 있다. server 에서 response 할때, header 에 'Content-Security-Policy' 를 추가하는 방법 태

HTTP

000

16d

[HTTP] CSRF (교차 사이트 요청 위조)

1. CSRF 우선 아래와 같은 가정을 하고 진행하자. attacker.com 이라는 사이트가 있다 cookie 에는 어떠한 directive (예방책) 도 적용되어 있지 않다. attacker.com 에서는 아래와 같이 보이지

HTTP

000

16d

[HTTP] 세션 하이재킹

1. 세션 하이재킹 이전 포스팅에서 설명했던 XSS 를 사용하여 '세션 하이재킹' 등의 공격을 실행할 수 있다. '세션 하이재킹' 이란 게시판 등에 '악성 script' 를 심어놓고 다른 client 가 해당 글을 읽을때 '악성

HTTP

000