구글 폼 응답 인쇄가 한 장만 나올 때 — 긴 캡처를 A4로 나누는 PrintImg
들어가며 설문을 돌리고 나면 꼭 한 번은 이런 요청이 옵니다. “결과 요약, 종이로 한 부만 뽑아 주세요.” 구글 폼(Google Forms)으로 설문을 만들었다면 응답 탭에 이미 예쁜 차트가 다 그려져 있으니, 그 화면을 그대로 인쇄하면 끝날 것 같죠. ...
개발 개발 RSS 피드 구독
Safari 27이 고친 top-level await 버그, 재봤더니 로딩이 두 배 느렸다
사파리의 top-level await 버그는 2022년 7월에 보고됐고(WebKit bug 242740), 2025년 10월에는 이 버그 때문에 top-level await가 Baseline(주요 브라우저가 다 지원하는지 알려주는 웹 표준 지원 지표)에서 “Limited"로 내려갔습니다. 수정은 2026년 4월에 머지되어 5월 Safari Technology Preview 243부터 실렸고, WebKit 팀이 9월 2일 블로그에 올린 Fixing top-level await in Safari는 그 포스트모템(사후 분석)입니다. ...
Claude 4모델 생성 코드 접근성 실측 — Fable 5.1·Opus·Sonnet 5
9월 1일, Claude Code v2.1.257 릴리스 노트에 짧은 한 줄이 실렸습니다. Fable 계열의 기본 모델이 5.1로 바뀌었다는 내용이에요. Fable을 쓰면서 설정을 건드린 적 없는 사용자라면, 이날부터 코드를 만들어주는 두뇌가 조용히 교체된 겁니다. ...
aria-live가 안 읽힐 때 — ARIA 라이브 리전 제대로 쓰기
“저장되었습니다"라는 초록색 토스트가 화면 오른쪽 아래에 뜹니다. 2초 뒤 사라지고요. 마우스를 쓰는 사람에게는 완결된 피드백입니다. ...
Claude Code 알림을 슬랙·디스코드·텔레그램으로 보내기
오래 걸리는 작업을 걸어두고 자리를 뜨는 일이 잦아지면, 결국 알림을 붙이게 됩니다. 그리고 알림을 붙이고 나면 꼭 이런 생각이 들어요. “이거 슬랙으로 오면 더 좋을 텐데.” ...
Claude Code 작업 끝나면 결과 파일까지 메일로 받기
긴 작업을 시켜놓고 다른 일을 하다가, 한참 뒤에 터미널로 돌아와 보니 이미 30분 전에 끝나 있던 적 있으신가요. 반대로 5분마다 창을 들여다보느라 아무 일도 못 한 적도요. ...
AI 시대의 마크다운 — CLAUDE.md·AGENTS.md·DESIGN.md
오랜만에 남의 저장소를 열었다가 낯선 파일들을 보신 적 있으신가요. README.md 옆에 CLAUDE.md가 있고, AGENTS.md도 보이고, 어떤 곳엔 DESIGN.md까지 있습니다. 죄다 확장자가 .md인데 정체는 잘 모르겠고요. ...
마크다운 문법 제대로 쓰기 — 자주 밟는 함정과 접근성까지
“표로 정리해줘"라고 부탁했더니 AI가 세로줄(|)과 붙임표(-)가 잔뜩 섞인 텍스트를 내놓은 적 있으신가요? 채팅 화면에서는 말끔한 표였는데, 복사해서 메신저에 붙였더니 기호 범벅이 되는 경험이요. ...
Scroll-Driven Animation: 스크롤이 타임라인이 되는 순간
들어가며: 스크롤을 “시간"으로 다루는 감각 스크롤 기반 애니메이션을 만들다 보면 이런 순간이 있습니다. “스크롤 위치를 그냥 이벤트로 처리하지 말고” “이걸 타임라인처럼 다루면 훨씬 깔끔할 텐데?” Scroll-Driven Animation은 바로 그 감각을 공식화한 접근입니다. 스크롤을 단순한 입력이 아니라 애니메이션의 시간 축(timeline)으로 바라보는 방식이죠. ...
테스트 문화·면접·다음 단계 — 프론트엔드 테스트 시리즈를 마치며
「프론트엔드 테스트 제대로 하기」 시리즈의 22편입니다. 전체 목차 보기 · 용어집 작은 앱 하나에 테스트를 한 겹씩 쌓으면 무엇이 되는지 — 이 글은 그 여정의 회고이자, 프론트엔드 테스트 전체의 지도입니다. ...