본문으로 바로가기

안녕하세요 👋

영원한 학습자의 성장 기록장, Codeslog입니다. 완벽한 튜토리얼보다 진실된 여정을, 작은 기록들이 모여 큰 자산이 되는 공간을 만들어갑니다.
접근성 지원 세트 — WCAG 3가 한국에 남긴 빈칸 썸네일

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

웹 접근성 검사 도구를 돌리다 보면 결과 화면 어딘가에 이런 문구가 붙어 있는 걸 본 적이 있을 겁니다. “이 결과는 특정 브라우저·스크린 리더 조합에서 확인됐습니다.” 접근성 평가는 늘 어떤 환경을 기준으로 삼을지에서 출발합니다. 그런데 그 “기준 환경"이 정확히 뭔지, 표준 문서가 명확히 정의한 적은 사실 많지 않았습니다. ...

글 작성일: 2026-08-19 · 글 읽기 시간: 12 분 · 글 단어 수: 5858 단어 · 글쓴이: Isaac
KWCAG 2.2 vs WCAG 3 차이 — 무엇이 어떻게 다른가 썸네일

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

“WCAG 3가 나오면 우리가 지금 지키는 KWCAG는 어떻게 되는 거죠?” KWCAG 2.2 완전 해설 글을 쓰고 나서 가장 많이 받은 질문입니다. 접근성 뉴스레터나 컨퍼런스에서 “WCAG 3"라는 이름이 심심찮게 들리기 시작했으니, 국내 표준인 KWCAG는 이 변화에 어떻게 반응해야 하는지 궁금해지는 게 당연합니다. ...

글 작성일: 2026-08-19 · 글 읽기 시간: 8 분 · 글 단어 수: 3874 단어 · 글쓴이: Isaac
WCAG 2.2 신규 성공기준 6개 — 타겟 크기 24px까지 썸네일

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

“WCAG 2.1까지는 봤는데, 2.2는 뭐가 더 생긴 거예요?” 프론트엔드를 하다 보면 이런 질문을 종종 받습니다. 사실 WCAG 2.2가 W3C 권고안(Recommendation)으로 확정된 게 2023년 10월 5일이니 벌써 3년 가까이 됐어요. 참고로 지금 w3.org/TR/WCAG22/에 올라와 있는 문서는 2024년 12월 12일자 개정 권고안입니다. 성공기준이 바뀐 건 아니고, 확정 이후의 정정 사항을 반영해 다시 발행한 판이에요. 그런데 실무에서는 여전히 2.1 기준으로 체크리스트를 돌리는 팀이 많습니다. 새 기준을 몰라서라기보다, “9개나 늘었다는데 다 봐야 하나” 싶어서 미뤄둔 경우가 많더라고요. ...

글 작성일: 2026-08-19 · 글 읽기 시간: 24 분 · 글 단어 수: 11795 단어 · 글쓴이: Isaac
웹 접근성 품질인증(WA 인증) 비용·절차 — 어떻게 받나 썸네일

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

“우리 사이트, 접근성 인증받으려면 뭐부터 해야 하나요?” 담당자로 이 업무를 맡게 되면 제일 먼저 막막해지는 질문입니다. 검사 도구를 돌려서 오류를 다 잡았다고 인증이 나오는 것도 아니고, 어디서부터 손대야 할지 안내도 흩어져 있거든요. 이 글은 그 막막함을 걷어내려고 씁니다. 인증이 뭘 확인하는 절차인지, 어떤 기준으로 심사하는지, 통과선은 어디인지를 처음 준비하는 분 눈높이에서 순서대로 정리했습니다. ...

글 작성일: 2026-08-19 · 글 읽기 시간: 17 분 · 글 단어 수: 8120 단어 · 글쓴이: Isaac
KWCAG 2.2 완전 해설 — 4원칙 14지침 33검사항목 썸네일

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

“발주서에 KWCAG 2.2 준수라고 적혀 있는데, 이게 정확히 뭘 지키라는 건가요?” 웹 접근성 프로젝트를 맡아본 개발자나 기획자라면 한 번쯤 이 문장 앞에서 멈칫한 적이 있을 겁니다. 검색을 해보면 WCAG 얘기가 나왔다가 KWCAG 얘기가 나왔다가, 버전도 2.1이니 2.2니 뒤섞여 있어서 결국 뭘 기준으로 삼아야 하는지 헷갈리기 쉽습니다. 이 글에서 KWCAG 2.2가 정확히 무슨 표준이고 어떤 구조로 짜여 있는지, 실무자 기준으로 정리해보겠습니다. ...

글 작성일: 2026-08-19 · 글 읽기 시간: 10 분 · 글 단어 수: 5007 단어 · 글쓴이: Isaac
Claude Code 알림을 슬랙·디스코드·텔레그램으로 보내기 썸네일

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

오래 걸리는 작업을 걸어두고 자리를 뜨는 일이 잦아지면, 결국 알림을 붙이게 됩니다. 그리고 알림을 붙이고 나면 꼭 이런 생각이 들어요. “이거 슬랙으로 오면 더 좋을 텐데.” ...

글 작성일: 2026-08-18 · 글 읽기 시간: 46 분 · 글 단어 수: 22903 단어 · 글쓴이: Isaac
Claude Code 작업 끝나면 결과 파일까지 메일로 받기 썸네일

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

긴 작업을 시켜놓고 다른 일을 하다가, 한참 뒤에 터미널로 돌아와 보니 이미 30분 전에 끝나 있던 적 있으신가요. 반대로 5분마다 창을 들여다보느라 아무 일도 못 한 적도요. ...

글 작성일: 2026-08-16 · 글 읽기 시간: 37 분 · 글 단어 수: 18415 단어 · 글쓴이: Isaac
AI 시대의 마크다운 — CLAUDE.md·AGENTS.md·DESIGN.md 썸네일

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

오랜만에 남의 저장소를 열었다가 낯선 파일들을 보신 적 있으신가요. README.md 옆에 CLAUDE.md가 있고, AGENTS.md도 보이고, 어떤 곳엔 DESIGN.md까지 있습니다. 죄다 확장자가 .md인데 정체는 잘 모르겠고요. ...

글 작성일: 2026-08-15 · 글 읽기 시간: 24 분 · 글 단어 수: 11614 단어 · 글쓴이: Isaac
마크다운 문법 제대로 쓰기 — 자주 밟는 함정과 접근성까지 썸네일

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

“표로 정리해줘"라고 부탁했더니 AI가 세로줄(|)과 붙임표(-)가 잔뜩 섞인 텍스트를 내놓은 적 있으신가요? 채팅 화면에서는 말끔한 표였는데, 복사해서 메신저에 붙였더니 기호 범벅이 되는 경험이요. ...

글 작성일: 2026-08-15 · 글 읽기 시간: 16 분 · 글 단어 수: 7642 단어 · 글쓴이: Isaac
Scroll-Driven Animation: 스크롤이 타임라인이 되는 순간 썸네일

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

들어가며: 스크롤을 “시간"으로 다루는 감각 스크롤 기반 애니메이션을 만들다 보면 이런 순간이 있습니다. “스크롤 위치를 그냥 이벤트로 처리하지 말고” “이걸 타임라인처럼 다루면 훨씬 깔끔할 텐데?” Scroll-Driven Animation은 바로 그 감각을 공식화한 접근입니다. 스크롤을 단순한 입력이 아니라 애니메이션의 시간 축(timeline)으로 바라보는 방식이죠. ...

글 작성일: 2026-08-12 · 글 읽기 시간: 23 분 · 글 단어 수: 11121 단어 · 글쓴이: Isaac
맨 위로