이번 주 읽은 글 모음 - 24년 4월 4주차

24년 4월 4주차 읽은 글 모음

24년 4월 4주차

브라우저, 최적화

🌏 내 화면에 네이버가 켜질 때까지 - 브라우저 렌더링 과정

Browser async와 defer

Browser 리소스 우선순위 - preload, preconnect, prefetch

Browser Critical Rendering Path 최적화

번역 웹 사이트의 크기가 14KB 미만이어야 하는 이유

주소창에 naver.com을 치면 일어나는 일을 쉽게 이해해보자

Web번역 ‘same-site’와 ‘same-origin’ 에 대한 이해

크롬 V8 엔진

Web 🤔 V8 엔진이 대체 뭐야?

구글 V8 엔진 살펴보기

Access-Token, Refresh-Token

Access Token, Refresh Token은 어디에 저장해야 할까?

Access Token과 Refresh Token을 어디에 저장해야 할까?

Refresh Token 도입기(F12)

🍪 프론트에서 안전하게 로그인 처리하기 (ft. React)

XSS와 React에서 XSS를 방지하는 방법

Refresh Token을 사용하는 이유(Feat. Redis)

JavaScript

JavaScript Concepts that You Should Know in 2024

참고했던 자료들

StructuredClone에 대해 꼭 알아두세요! JavaScript에서 깊은 복사가 가능해져요.

structuredClone()으로 깊은 복사하기

(번역) StructuredClone API를 사용하여 객체를 깊은 복사하는 법

HTML tips and tricks.

Same-origin policy

SOP(Same-origin policy) 란 무엇일까?

Same-Origin Policy(동일 출처 정책)은 무엇인가?

CORS가 대체 무엇일까? (feat. SOP)

(번역) BFCache 알아보기

Back/Forward Cache (A.K.A. bfcache)

뒤로 및 앞으로 캐시

교차 출처 리소스 공유 (CORS)

How to win at CORS

The CORS Playground

CORS가 대체 무엇일까? (feat. SOP)

JS tilde(~)과 double tilde(~~)연산자

The Mysterious Double Tilde (~~) Operation