웹 접근성(a11y), 못 쓰는 사람이 있으면 그건 고장이다
키보드와 스크린 리더로 같은 기능을 쓰려면 무엇이 필요할까요? 문서 구조와 포커스, 색 대비가 읽는 경험에 주는 영향을 살펴봐요.
웹 인프라에 관한 10개의 기록을 모았습니다.
키보드와 스크린 리더로 같은 기능을 쓰려면 무엇이 필요할까요? 문서 구조와 포커스, 색 대비가 읽는 경험에 주는 영향을 살펴봐요.
읽던 문장이 밀리는 것은 로딩 속도와 다른 문제예요. CLS가 보는 움직임과 이미지·글꼴·광고의 공간을 미리 잡는 이유를 알아봐요.
브라우저에 보안 규칙을 전하면 필요한 기능도 멈출 수 있어요. 파일 종류, HTTPS, CSP의 역할을 나누고 적용 순서를 생각해 봐요.
검색 서버 없이도 글을 찾을 수 있어요. 단어에서 문서를 찾는 역색인의 원리와, 검색·RSS·사이트맵이 맡는 일을 알아봐요.
검증한 파일과 배포한 파일이 같으려면 무엇이 필요할까요? 자동 검사와 산출물 승격, 배포를 멈추는 것과 되돌리는 것의 차이를 알아봐요.
가까운 서버에 사본을 두면 왜 빨라질까요? 개인화된 응답을 나누는 기준과, 파일이 바뀌어도 캐시를 오래 쓸 수 있는 이유를 살펴봐요.
이름을 주소로 찾는 과정과 서버의 이름을 확인하는 과정은 달라요. DNS 캐시, TTL, HTTPS가 각각 맡는 일을 따라가 봐요.
방문자가 오기 전에 페이지를 만들면 어떤 일이 달라질까요? 정적 사이트와 캐시의 차이, 미리 만들어도 되는 화면의 조건을 알아봐요.
작은 사진 파일도 펼치면 큰 픽셀 배열이 돼요. 해상도를 직접 바꿔 보고, 파일 압축과 메모리 절약이 다른 이유를 알아봐요.
브라우저가 정상 파일도 실행하지 않는 이유는 무엇일까요? 파일의 지문을 비교하는 SRI와, 그 검사가 보호하는 범위를 살펴봐요.