Posts Posts RSS 피드 구독

대시보드를 만들었습니다. 뿌듯했습니다. Promise.all로 API 세 개를 동시에 불러오는 코드가 딱 세 줄이었고, 코드 리뷰에서도 "깔끔하다"는 피드백을 받았어요. ...

함수를 선언 전에 호출했는데 왜 어떤 코드는 되고 어떤 코드는 TypeError가 날까요? 함수 선언식과 표현식의 차이, 호이스팅(Hoisting) 동작 원리, 화살표 함수까지 실무 예제와 함께 한 번에 정리합니다.

이미지가 5개 있는 웹페이지를 상상해보세요. 그 중 4개에는 대체 텍스트(alt)가 없습니다. 스크린 리더를 사용하는 시각장애인이 이 페이지를 방문하면, 이미지들은 그냥 "이미지" 혹은 파일명으로만 읽힙니다. 어떤 내용인지 전혀 알 수 없죠. ...

Google Antigravity 홈페이지 접근성 분석 — 화려한 텍스트 애니메이션 뒤에 숨겨진 접근성 문제를 살펴봅니다 제작: 나노 바나나 Google은 접근성에 진심인 회사입니다. ...

들어가며 "빨강과 초록으로 구분했으니까 괜찮을 거야." 개발하다 보면 한 번쯤 이런 생각을 해보게 됩니다. 그런데 생각보다 많은 사람들이 이 두 색을 잘 구분하지 못합니다. 북유럽 혈통 기준 통계에서는 남성 약 1/12, 여성 약 1/200이 적색-녹색 색각이상을 가지고 있다고 알려져 있어요. 지역과 유전적 배경에 따라 비율은 달라질 수 있지만, 빨강-초록 구분이 어려운 사용자가 꾸준히 존재한다는 사실은 변하지 않습니다. ...

WCAG 3(3.0) 초안은 웹 콘텐츠를 넘어 웨어러블·Web of Things·VR/AR·도구 생태계까지 적용 범위를 넓힙니다. 한국의 키오스크 접근성 의무화와 디지털포용법 시행이 이 확장과 어떻게 맞닿아 있는지 정리했습니다.

이 글은 웹접근성, 공공 웹서비스, 그리고 개발자의 책임에 대해 현장에서 직접 부딪히며 고민해온 기록이다. 법과 기술, 기준과 현실 사이에서 "우리는 정말 모두를 위해 만들고 있는가?"라는 질문에 답해보려 한다. ...

블로그를 시작한 뒤로 글을 꽤 여러 방향으로 써왔습니다. 제가 특히 관심을 갖고 꾸준히 파고드는 분야는 웹접근성과 프론트엔드입니다. 더 많은 글을 쓰고 싶고 아이디어도 계속 나오는데, 정작 글을 쓰는 속도는 생각만큼 빠르지 않습니다. 지금 시점에서 작성해둔 초안만 8개가 남았는데, 초안작성 시작은 쉬운데 맺음이 이렇게나 어려울수가 있나 하고 생각하는 요즘이에요. ...

들어가며 혹시 마우스 없이 인터넷을 쓴 경험이 있으신가요? 대부분의 사람들은 마우스를 당연하게 사용합니다. 하지만 세상에는 마우스를 쓸 수 없는 사람들이 있어요. 신체 장애로 인해 마우스를 조작할 수 없는 사람 손목터널증후군 같은 반복성 긴장 장애가 있는 사람 일시적으로 팔이 다친 사람 단순히 키보드가 더 효율적이라고 생각하는 파워 유저 이런 사용자들에게 "키보드로 이 사이트를 쓸 수 있나요?"라는 질문은 매우 중요합니다. ...

WCAG 3(3.0)의 Assertions는 자동 검사로 못 잡는 접근성 절차를 조직이 문서로 진술하는 새 평가 단위입니다. 2026년 3월 초안 기준 28개 항목과 WCAG 2.2 Conformance Claim의 차이를 정리했습니다.