웹 접근성(a11y), 못 쓰는 사람이 있으면 그건 고장이다
키보드와 스크린 리더로 같은 기능을 쓰려면 무엇이 필요할까요? 문서 구조와 포커스, 색 대비가 읽는 경험에 주는 영향을 살펴봐요.
프론트엔드
프론트엔드에 관한 4개의 기록을 모았습니다.
누적 레이아웃 이동(CLS), 읽던 줄이 밀려나는 이유
읽던 문장이 밀리는 것은 로딩 속도와 다른 문제예요. CLS가 보는 움직임과 이미지·글꼴·광고의 공간을 미리 잡는 이유를 알아봐요.
정적 검색 색인, 책 뒤 찾아보기가 웹으로 온 날
검색 서버 없이도 글을 찾을 수 있어요. 단어에서 문서를 찾는 역색인의 원리와, 검색·RSS·사이트맵이 맡는 일을 알아봐요.
작은 사진 파일이 브라우저를 멈추게 한 이유
작은 사진 파일도 펼치면 큰 픽셀 배열이 돼요. 해상도를 직접 바꿔 보고, 파일 압축과 메모리 절약이 다른 이유를 알아봐요.