아카이브 | Codeslog

2026년 ^{106개 게시글}

10월 ^{10개 게시글}

9월 ^{9개 게시글}

WebAIM Million 2026의 +22.5%는 틀린 숫자였습니다 — 웹 복잡도 다시 읽기

2026-09-25 · 15 분 · 7167 단어 · Isaac

폼 실시간 검증 제대로 하기: 타이밍부터 aria-invalid까지

2026-09-15 · 19 분 · 9172 단어 · Isaac

SPA에서 포커스 관리 제대로 하기: 라우팅 후 스크린 리더가 혼란에 빠지지 않도록

2026-09-15 · 17 분 · 8081 단어 · Isaac

구글 폼 응답 인쇄가 한 장만 나올 때 — 긴 캡처를 A4로 나누는 PrintImg

2026-09-11 · 12 분 · 5915 단어 · Isaac

WCAG 3 2026년 9월 초안, 무엇이 바뀌었나 — 등급이 적합성에서 보고로

2026-09-10 · 수정됨 2026-09-25 · 23 분 · 11038 단어 · Isaac

Safari 27이 고친 top-level await 버그, 재봤더니 로딩이 두 배 느렸다

2026-09-03 · 12 분 · 5701 단어 · Isaac

Claude 4모델 생성 코드 접근성 실측 — Fable 5.1·Opus·Sonnet 5

2026-09-03 · 16 분 · 7664 단어 · Isaac

aria-live 상태 메시지, 스크린 리더는 어떻게 읽을까 (WCAG 4.1.3)

2026-09-02 · 수정됨 2026-10-24 · 22 분 · 10646 단어 · Isaac

aria-live가 안 읽힐 때 — ARIA 라이브 리전 제대로 쓰기

2026-09-02 · 17 분 · 8249 단어 · Isaac

8월 ^{19개 게시글}

접근성 지원 세트 — WCAG 3가 한국에 남긴 빈칸

2026-08-19 · 12 분 · 5817 단어 · Isaac

KWCAG 2.2 vs WCAG 3 차이 — 무엇이 어떻게 다른가

2026-08-19 · 8 분 · 3859 단어 · Isaac

WCAG 2.2 신규 성공기준 6개: 타겟 크기 24px까지

2026-08-19 · 수정됨 2026-10-24 · 25 분 · 12046 단어 · Isaac

웹 접근성 품질인증(WA 인증) 비용·절차 — 어떻게 받나

2026-08-19 · 수정됨 2026-10-17 · 18 분 · 8609 단어 · Isaac

KWCAG 2.2 완전 해설 — 4원칙 14지침 33검사항목

2026-08-19 · 10 분 · 4985 단어 · Isaac

Claude Code 알림을 슬랙·디스코드·텔레그램으로 보내기

2026-08-18 · 46 분 · 22903 단어 · Isaac

Claude Code 작업 끝나면 결과 파일까지 메일로 받기

2026-08-16 · 37 분 · 18393 단어 · Isaac

AI 시대의 마크다운 — CLAUDE.md·AGENTS.md·DESIGN.md

2026-08-15 · 24 분 · 11575 단어 · Isaac

마크다운 문법 제대로 쓰기 — 자주 밟는 함정과 접근성까지

2026-08-15 · 16 분 · 7616 단어 · Isaac

Scroll-Driven Animation: 스크롤이 타임라인이 되는 순간

2026-08-12 · 23 분 · 11086 단어 · Isaac

테스트 문화·면접·다음 단계 — 프론트엔드 테스트 시리즈를 마치며

2026-08-08 · 11 분 · 5046 단어 · Isaac

AI가 만든 코드의 함정 — 접근성·엣지케이스 누락

2026-08-07 · 12 분 · 5653 단어 · Isaac

Playwright × AI — codegen·MCP·자가치유 셀렉터

2026-08-06 · 수정됨 2026-10-02 · 20 분 · 9672 단어 · Isaac

AI로 테스트 생성·보강 — 검증의 몫은 사람

2026-08-06 · 12 분 · 5991 단어 · Isaac

popover·앵커 포지셔닝·dialog, 접근성 관점에서 지금 써도 될까

2026-08-05 · 수정됨 2026-10-24 · 28 분 · 13911 단어 · Isaac

WCAG 3, 지금 어디까지 왔나 — 2026년 3월 초안 총정리

2026-08-04 · 수정됨 2026-10-17 · 14 분 · 6690 단어 · Isaac

커버리지 읽는 법과 품질 지표

2026-08-04 · 7 분 · 3247 단어 · Isaac

GitHub Actions로 테스트·접근성 게이트 만들기

2026-08-03 · 6 분 · 2982 단어 · Isaac

WCAG 3 마이그레이션, 지금 필요할까 — WCAG 2.2에서 넘어가는 전략

2026-08-03 · 9 분 · 4368 단어 · Isaac

7월 ^{34개 게시글}

EU AI 법 전면 시행 — 접근성은 어디에 걸려 있나

2026-07-30 · 9 분 · 4293 단어 · Isaac

시각적 회귀 테스트 — 스크린샷 비교

2026-07-29 · 11 분 · 5112 단어 · Isaac

세상은 우리와 함께일 때 더 잘 작동한다 — 7월, 장애 프라이드의 달

2026-07-28 · 6 분 · 2671 단어 · Isaac

웹은 1년 전보다 덜 접근 가능해졌다 — WebAIM Million 2026 리포트

2026-07-28 · 수정됨 2026-09-23 · 8 분 · 3902 단어 · Isaac

수천 개 페이지 중 무엇을 검사할까 — 접근성 대표 페이지 자동 선정 알고리즘

2026-07-28 · 17 분 · 8231 단어 · Isaac

접근성 E2E — @axe-core/playwright로 스캔

2026-07-27 · 11 분 · 5398 단어 · Isaac

접근성 평가에도 표준이 있습니다 — 12년 만의 WCAG-EM 2.0

2026-07-24 · 수정됨 2026-08-12 · 15 분 · 7141 단어 · Isaac

'검사중'에 멈춘 좀비 작업 — Vercel Deployment Protection이 범인이었다

2026-07-24 · 9 분 · 4395 단어 · Isaac

웹접근성 점검 도구를 오픈소스로 — 알리첵(A11y Check) 이야기

2026-07-23 · 12 분 · 5869 단어 · Isaac

트레이스·디버깅·리트라이로 원인 추적

2026-07-22 · 7 분 · 3135 단어 · Isaac

픽스처·인증 재사용·병렬 실행

2026-07-21 · 7 분 · 3088 단어 · Isaac

색은 맞는데 대비는 틀렸다: CSS opacity가 파놓은 접근성 함정

2026-07-21 · 10 분 · 4533 단어 · Isaac

로케이터와 auto-wait — flaky 테스트 줄이기

2026-07-18 · 8 분 · 3692 단어 · Isaac

고대비 모드 제대로 지원하기: forced-colors와 시스템 색

2026-07-18 · 12 분 · 5872 단어 · Isaac

다크모드 제대로 구현하기: CSS 변수 설계부터 색 대비 검증까지

2026-07-18 · 14 분 · 6940 단어 · Isaac

Playwright E2E 입문 — 첫 시나리오

2026-07-18 · 9 분 · 4097 단어 · Isaac

접근성을 테스트에 녹이기 — role 기반 쿼리

2026-07-17 · 14 분 · 6581 단어 · Isaac

KISA 블록체인 누리단에 위촉되었습니다 — 블록체인 누리단 활동기 1편

2026-07-16 · 5 분 · 2187 단어 · Isaac

사흘간의 인정교육 수강기, 그리고 이수 완료 — 정보통신설비 유지보수 관리자 취득기 2편

2026-07-16 · 7 분 · 3346 단어 · Isaac

?? vs ||, 0이 사라지는 버그의 원인

2026-07-14 · 수정됨 2026-07-17 · 10 분 · 4620 단어 · Isaac

MSW로 네트워크 모킹 — API를 격리하기

2026-07-14 · 9 분 · 4212 단어 · Isaac

접근성 71%는 접근성이 아니다 — 유럽 카르푸 판결과 EAA 1년

2026-07-14 · 10 분 · 4582 단어 · Isaac

폼·상호작용·상태 테스트 — user-event로

2026-07-13 · 9 분 · 4329 단어 · Isaac

Testing Library 철학 — 사용자처럼 쿼리하기

2026-07-10 · 11 분 · 5343 단어 · Isaac

mock·stub·spy — 테스트 더블 제대로 이해하기

2026-07-10 · 13 분 · 6279 단어 · Isaac

타입스크립트 7 정식 출시 — 10배 빨라진 네이티브 컴파일러, 지금 갈아타도 될까

2026-07-09 · 14 분 · 6529 단어 · Isaac

비동기·타이머·에러를 테스트하는 법

2026-07-08 · 9 분 · 4369 단어 · Isaac

단위 테스트 기초 — 순수 함수·경계값·AAA 패턴

2026-07-06 · 11 분 · 5407 단어 · Isaac

데모 앱에 Vitest 붙이기 — 첫 초록불까지

2026-07-05 · 수정됨 2026-07-06 · 10 분 · 4712 단어 · Isaac

무엇을 얼마나 테스트할까 — 커버리지 100%의 함정

2026-07-04 · 수정됨 2026-07-05 · 5 분 · 2353 단어 · Isaac

테스트 용어, 여기서 한 번에 — 프론트엔드 테스트 용어집(부록)

2026-07-04 · 수정됨 2026-07-27 · 20 분 · 9584 단어 · Isaac

자격 요건부터 교육 신청까지 — 정보통신설비 유지보수 관리자 취득기 1편

2026-07-04 · 8 분 · 3621 단어 · Isaac

왜 지금 프론트엔드 테스트인가 — AI 시대의 안전벨트

2026-07-03 · 수정됨 2026-07-05 · 6 분 · 2786 단어 · Isaac

2차 비대면 실시간 화상교육, 그리고 합격까지 — 정보통신기술자 특급 자격 취득기 3편

2026-07-01 · 17 분 · 8286 단어 · Isaac

6월 ^{2개 게시글}

내돈내산 닥터리 뽀모도로 타이머 리뷰 — 90분 루틴을 위한 가장 단순한 도구

2026-06-22 · 7 분 · 3398 단어 · Isaac

버티는 대신, 방향을 바꾸기로 했다 — 접근성 개발자가 읽은 『전략적 피벗』

2026-06-19 · 7 분 · 3482 단어 · Isaac

5월 ^{4개 게시글}

1차 온라인 교육, 수료까지 — 정보통신기술자 특급 자격 취득기 2편

2026-05-23 · 6 분 · 2995 단어 · Isaac

KICA 경력신고부터 특급 인정까지 — 정보통신기술자 특급 자격 취득기 1편

2026-05-22 · 10 분 · 4928 단어 · Isaac

당신은 이미 접근성 유저입니다

2026-05-20 · 8 분 · 3863 단어 · Isaac

5월, 모두의 안부 — 다온카드 이야기

2026-05-08 · 8 분 · 3695 단어 · Isaac

4월 ^{8개 게시글}

접근성 세미나에서 발표하다 — 행복한 웹을 위한 여정, 모두웹 이야기

2026-04-23 · 9 분 · 4097 단어 · Isaac

발표행복한 웹을 위한 여정: 모두웹 이야기

2026-04-23 · 모두를 위한 AI Accessibility 추진 방안 마련을 위한 세미나

새로워진 청와대 홈페이지, 접근성도 함께

2026-04-21 · 41 분 · 20141 단어 · Isaac

조용히 하던 일 — 제46회 장애인의 날, 교육부장관 표창을 받으며

2026-04-20 · 5 분 · 2319 단어 · Isaac

HWP 복붙하면 왜 ?가 되나요 — MSSQL VARCHAR vs NVARCHAR 완전 정복

2026-04-20 · 13 분 · 6094 단어 · Isaac

폼 접근성 마스터하기: 모든 사용자를 위한 입력 양식 설계

2026-04-11 · 18 분 · 8631 단어 · Isaac

Promise.all vs Promise.allSettled, 실수하기 쉬운 차이

2026-04-08 · 수정됨 2026-07-17 · 10 분 · 4835 단어 · Isaac

함수 선언식과 표현식, 제대로 알고 쓰기: 호이스팅까지 한 번에

2026-04-04 · 11 분 · 5058 단어 · Isaac

3월 ^{3개 게시글}

대체 텍스트 준수율 17.1%: 2025 웹 접근성 실태조사가 보여준 민낯

2026-03-30 · 11 분 · 5104 단어 · Isaac

구글이 만든 IDE 홈페이지, 접근성은 몇 점일까? — Google Antigravity 분석

2026-03-17 · 13 분 · 6403 단어 · Isaac

색상과 접근성: 모든 사용자가 구분할 수 있는 색상 설계

2026-03-06 · 22 분 · 10846 단어 · Isaac

2월 ^{5개 게시글}

WCAG 3.0 확장된 적용 범위: 웹을 넘어서

2026-02-23 · 수정됨 2026-07-30 · 11 분 · 5085 단어 · Isaac

설 연휴 정보, 누군가에게는 보이지 않습니다

2026-02-15 · 7 분 · 3298 단어 · Isaac

블로그 글 작성에 대한 생각

2026-02-05 · 3 분 · 1291 단어 · Isaac

키보드 접근성 A to Z: 모든 사용자가 키보드로 사용할 수 있는 웹사이트 만들기

2026-02-03 · 23 분 · 11154 단어 · Isaac

Assertions: 접근성 평가의 새로운 단위

2026-02-01 · 수정됨 2026-07-30 · 6 분 · 2840 단어 · Isaac

1월 ^{12개 게시글}

GitHub Actions로 3시간마다 예약 발행 체크하기

2026-01-30 · 11 분 · 5153 단어 · Isaac

Atomic Tests vs. Holistic Tests: 새로운 테스트 방법론

2026-01-26 · 수정됨 2026-07-30 · 6 분 · 2984 단어 · Isaac

WCAG 3.0 적합성 모델: A/AA/AAA 이후의 변화

2026-01-25 · 수정됨 2026-09-10 · 11 분 · 5150 단어 · Isaac

다국어 블로그의 언어 전환 UX 개선: 스마트한 언어 제안 배너 만들기

2026-01-23 · 19 분 · 9252 단어 · Isaac

ARIA 실전 가이드: 접근 가능한 웹 인터페이스 구현하기

2026-01-22 · 22 분 · 10824 단어 · Isaac

WCAG 3.0 구조 해부: Success Criteria에서 Outcomes로

2026-01-19 · 수정됨 2026-10-17 · 25 분 · 12093 단어 · Isaac

정적 사이트에서 동적 댓글 시스템 만들기: Giscus + GraphQL API

2026-01-16 · 23 분 · 11331 단어 · Isaac

WCAG 3.0 시대의 시작: 왜 새로운 가이드라인이 필요한가?

2026-01-12 · 수정됨 2026-07-30 · 19 분 · 9446 단어 · Isaac

코드 블록 접근성 개선: 스크린 리더 사용자가 선택하는 라인 넘버

2026-01-09 · 15 분 · 7379 단어 · Isaac

규제를 넘어, 신뢰의 기반으로 - AI 기본법과 접근성

2026-01-07 · 19 분 · 9462 단어 · Isaac

기술 중심을 넘어, 사람 중심으로 - 디지털포용법의 이해

2026-01-06 · 수정됨 2026-08-12 · 10 분 · 4536 단어 · Isaac

접근성을 넘어, 디지털포용으로 - 새로운 시대의 시작

2026-01-05 · 7 분 · 3384 단어 · Isaac

2025년 ^{5개 게시글}

12월 ^{4개 게시글}

AI 대국민 서비스 평가 현장에서, 내가 던졌던 질문들

2025-12-31 · 7 분 · 3266 단어 · Isaac

5만 원짜리 평가단, 그래도 서울에 가는 이유

2025-12-30 · 5 분 · 2203 단어 · Isaac

시맨틱 HTML 완벽 가이드: div 지옥에서 벗어나는 방법

2025-12-23 · 22 분 · 10620 단어 · Isaac

AI 시대의 웹접근성: 기술 발전과 함께 가야 할 보편적 가치

2025-12-23 · 18 분 · 8809 단어 · Isaac

9월 ^{1개 게시글}

블로그, 시작

2025-09-22 · 2 분 · 965 단어 · Isaac

2026년 106개 게시글

10월 10개 게시글

카카오 AI TOP 100 예선 후기, 혼자 팀장이었던 다섯 시간

카카오 AI TOP 100 예선 전날, 접근성 개발자의 각오

발표WCAG 3.0 초안이 평가 방법에 묻는 것(보강판)

모달 접근성 제대로 만들기: dialog showModal부터 포커스 트랩까지

발표보조기기 플랫폼 정보 접근성 향상 방안

WCAG 3 적합성과 Bronze·Silver·Gold, 무엇이 다르고 어떻게 받나

발표WCAG 3.0 초안이 평가 방법에 묻는 것

Lighthouse 에이전트 브라우징 실측: 2/2인데 키보드로 못 누르는 버튼

axe와 IBM 검사 결과가 다른 이유, W3C ACT 규칙으로 재봤습니다

web.dev 접근성 강좌, 2026년에 들어도 될까? 21페이지 재봤습니다

9월 9개 게시글

WebAIM Million 2026의 +22.5%는 틀린 숫자였습니다 — 웹 복잡도 다시 읽기

폼 실시간 검증 제대로 하기: 타이밍부터 aria-invalid까지

SPA에서 포커스 관리 제대로 하기: 라우팅 후 스크린 리더가 혼란에 빠지지 않도록

구글 폼 응답 인쇄가 한 장만 나올 때 — 긴 캡처를 A4로 나누는 PrintImg

WCAG 3 2026년 9월 초안, 무엇이 바뀌었나 — 등급이 적합성에서 보고로

Safari 27이 고친 top-level await 버그, 재봤더니 로딩이 두 배 느렸다

Claude 4모델 생성 코드 접근성 실측 — Fable 5.1·Opus·Sonnet 5

aria-live 상태 메시지, 스크린 리더는 어떻게 읽을까 (WCAG 4.1.3)

aria-live가 안 읽힐 때 — ARIA 라이브 리전 제대로 쓰기

8월 19개 게시글

접근성 지원 세트 — WCAG 3가 한국에 남긴 빈칸

KWCAG 2.2 vs WCAG 3 차이 — 무엇이 어떻게 다른가

WCAG 2.2 신규 성공기준 6개: 타겟 크기 24px까지

웹 접근성 품질인증(WA 인증) 비용·절차 — 어떻게 받나

KWCAG 2.2 완전 해설 — 4원칙 14지침 33검사항목

Claude Code 알림을 슬랙·디스코드·텔레그램으로 보내기

Claude Code 작업 끝나면 결과 파일까지 메일로 받기

AI 시대의 마크다운 — CLAUDE.md·AGENTS.md·DESIGN.md

마크다운 문법 제대로 쓰기 — 자주 밟는 함정과 접근성까지

Scroll-Driven Animation: 스크롤이 타임라인이 되는 순간

테스트 문화·면접·다음 단계 — 프론트엔드 테스트 시리즈를 마치며

AI가 만든 코드의 함정 — 접근성·엣지케이스 누락

Playwright × AI — codegen·MCP·자가치유 셀렉터

AI로 테스트 생성·보강 — 검증의 몫은 사람

popover·앵커 포지셔닝·dialog, 접근성 관점에서 지금 써도 될까

WCAG 3, 지금 어디까지 왔나 — 2026년 3월 초안 총정리

커버리지 읽는 법과 품질 지표

GitHub Actions로 테스트·접근성 게이트 만들기

WCAG 3 마이그레이션, 지금 필요할까 — WCAG 2.2에서 넘어가는 전략

7월 34개 게시글

EU AI 법 전면 시행 — 접근성은 어디에 걸려 있나

시각적 회귀 테스트 — 스크린샷 비교

세상은 우리와 함께일 때 더 잘 작동한다 — 7월, 장애 프라이드의 달

웹은 1년 전보다 덜 접근 가능해졌다 — WebAIM Million 2026 리포트

수천 개 페이지 중 무엇을 검사할까 — 접근성 대표 페이지 자동 선정 알고리즘

접근성 E2E — @axe-core/playwright로 스캔

접근성 평가에도 표준이 있습니다 — 12년 만의 WCAG-EM 2.0

'검사중'에 멈춘 좀비 작업 — Vercel Deployment Protection이 범인이었다

웹접근성 점검 도구를 오픈소스로 — 알리첵(A11y Check) 이야기

트레이스·디버깅·리트라이로 원인 추적

픽스처·인증 재사용·병렬 실행

색은 맞는데 대비는 틀렸다: CSS opacity가 파놓은 접근성 함정

로케이터와 auto-wait — flaky 테스트 줄이기

고대비 모드 제대로 지원하기: forced-colors와 시스템 색

다크모드 제대로 구현하기: CSS 변수 설계부터 색 대비 검증까지

Playwright E2E 입문 — 첫 시나리오

접근성을 테스트에 녹이기 — role 기반 쿼리

KISA 블록체인 누리단에 위촉되었습니다 — 블록체인 누리단 활동기 1편

사흘간의 인정교육 수강기, 그리고 이수 완료 — 정보통신설비 유지보수 관리자 취득기 2편

?? vs ||, 0이 사라지는 버그의 원인

MSW로 네트워크 모킹 — API를 격리하기

접근성 71%는 접근성이 아니다 — 유럽 카르푸 판결과 EAA 1년

폼·상호작용·상태 테스트 — user-event로

Testing Library 철학 — 사용자처럼 쿼리하기

mock·stub·spy — 테스트 더블 제대로 이해하기

타입스크립트 7 정식 출시 — 10배 빨라진 네이티브 컴파일러, 지금 갈아타도 될까

비동기·타이머·에러를 테스트하는 법

단위 테스트 기초 — 순수 함수·경계값·AAA 패턴

데모 앱에 Vitest 붙이기 — 첫 초록불까지

무엇을 얼마나 테스트할까 — 커버리지 100%의 함정

테스트 용어, 여기서 한 번에 — 프론트엔드 테스트 용어집(부록)

자격 요건부터 교육 신청까지 — 정보통신설비 유지보수 관리자 취득기 1편

왜 지금 프론트엔드 테스트인가 — AI 시대의 안전벨트

2차 비대면 실시간 화상교육, 그리고 합격까지 — 정보통신기술자 특급 자격 취득기 3편

6월 2개 게시글

내돈내산 닥터리 뽀모도로 타이머 리뷰 — 90분 루틴을 위한 가장 단순한 도구

버티는 대신, 방향을 바꾸기로 했다 — 접근성 개발자가 읽은 『전략적 피벗』

2026년 ^{106개 게시글}

10월 ^{10개 게시글}

9월 ^{9개 게시글}

8월 ^{19개 게시글}

7월 ^{34개 게시글}

6월 ^{2개 게시글}

5월 ^{4개 게시글}

4월 ^{8개 게시글}

3월 ^{3개 게시글}

2월 ^{5개 게시글}

1월 ^{12개 게시글}

2025년 ^{5개 게시글}

12월 ^{4개 게시글}

9월 ^{1개 게시글}