웹
1.[웹] Web Storage API
Web Storage는 Web API의 일종으로, 브라우저 내에 키-값 쌍을 저장 가능하게 하며, localStorage와 sessionStorage가 있다.
2.[웹] 웹 접근성 개선하기
웹 접근성은 웹 사이트, 도구, 기술이 장애를 가진 사용자들이 사용할 수 있도록 설계 및 개발된 것을 말한다.
3.[웹] 브라우저의 렌더링 과정 with CRP (feat. HTML 로봇을 움직이게 하는 리모컨, DOM)
HTML, XML과 같은 마크업 언어를 로봇에 비유한다면, 이런 로봇의 팔, 다리를 리모컨(자바스크립트와 같은 프로그래밍 언어)으로 조작할 수 있게끔 하는 인터페이스를 DOM(Document Object Model)이라 할 수 있다.
4.[웹] 프론트엔드 면접 단골 질문 HTML 파싱 최적화하기 (feat. defer, async)
프론트엔드 면접을 복기하다가 예전에 정리해 놓은 부분에서 질문이 나왔다는 것을 확인해버린 것이다.. 이번 참에 확실히 개념을 짚고 넘어가고자 한다. 브라우저는 HTML을 읽다가 `를 만나면 스크립트를 먼저 실행해야 하므로 DOM 생성을 멈추며, 이는 src` 속성이 있는 외부 스크립트를 만난 경우도 동일하게 작동한다. 외부에서 스크립트를 다운받고 실행한 ...
5.[웹] gzip, Brotli 압축 알고리즘을 활용하여 웹 성능 최적화 수행하기 (feat. Vite, Nginx, rollup-plugin-visualizer)
브라우저와 웹 서버 간 통신에 텍스트 압축 기법을 수행하기 위해 알아야할 개념들을 짚어보고, 기존 프로젝트에 해당 기법을 적용하여 최적화하는 과정과 결과를 살펴본다.
6.[웹] CORS
CORS(Cross-origin Resource Sharing, 교차 출처 자원 공유)는 서로 다른 출처(origin) 간에 리소스를 공유할 수 있도록 하는 정책을 말한다.
7.[웹] 인증과 인가, 그리고 세션과 토큰 (feat. JWT)
인증과 인가는 ‘사용자의 권한을 확인’하는 행위라는 비슷한 의미를 지니지만, 엄밀히 따지면 전혀 다른 정의를 가지고 있다.
8.[웹] 쿠키, 브라우저에 저장되는 작은 메모장
쿠키(Cookie)는 브라우저에 저장되는 작은 크기의 문자열로 HTTP 프로토콜의 일부이다. 서버가 HTTP 응답 헤더의 ‘Set-Cookie’에 내용을 넣어 전달하면 브라우저는 이 내용을 자체적으로 브라우저에 저장하고, 이때 저장되는 내용이 쿠키이다.