https://www.codeslog.com/tags/javascript/ Recent content in JavaScript on Codeslog https://www.codeslog.com/images/default-cover.png?v=20260114T1436 https://www.codeslog.com/images/default-cover.png?v=20260114T1436 Hugo -- 0.168.0 ko Tue, 15 Sep 2026 11:31:00 +0900 https://www.codeslog.com/posts/form-ux-validation/ Tue, 15 Sep 2026 11:31:00 +0900 https://www.codeslog.com/posts/form-ux-validation/ 포커스만 줘도 에러부터 띄우는 폼, 다 입력해야 알려주는 폼 — 검증 타이밍이 전부입니다. blur 이후 검증, aria-describedby·aria-invalid 연결, role=alert와 aria-live 구분을 실전 코드로 정리합니다. https://www.codeslog.com/posts/safari-top-level-await-fix/ Thu, 03 Sep 2026 11:25:33 +0900 https://www.codeslog.com/posts/safari-top-level-await-fix/ 사파리 26.6과 iOS 26.5에서 top-level await 재현 코드를 돌려 ReferenceError를 확인하고, 뒤에 선언된 모듈까지 앞 TLA를 기다리는 직렬화 증상을 실측했습니다. Safari 27이 고친 것과 그 전 버전 대응법까지. https://www.codeslog.com/posts/javascript-nullish-coalescing/ Tue, 14 Jul 2026 23:52:00 +0900 https://www.codeslog.com/posts/javascript-nullish-coalescing/ ?? 연산자(nullish coalescing)와 ||의 결정적 차이 — 0과 빈 문자열이 기본값에 먹히는 버그의 원인입니다. falsy의 함정, ??= 할당, 옵셔널 체이닝 조합, 그리고 둘을 섞으면 SyntaxError가 나는 이유까지 정리했습니다. https://www.codeslog.com/posts/javascript-promise-methods/ Wed, 08 Apr 2026 01:00:00 +0900 https://www.codeslog.com/posts/javascript-promise-methods/ Promise.all은 하나라도 실패하면 전체가 날아갑니다. 대시보드가 통째로 흰 화면이 된 경험 있으신가요? Promise.all과 Promise.allSettled의 핵심 차이를 실무 예제로 살펴보고, 언제 어떤 걸 써야 하는지 정리합니다. https://www.codeslog.com/posts/javascript-function-hoisting/ Sat, 04 Apr 2026 02:30:00 +0900 https://www.codeslog.com/posts/javascript-function-hoisting/ 함수를 선언 전에 호출했는데 왜 어떤 코드는 되고 어떤 코드는 TypeError가 날까요? 함수 선언식과 표현식의 차이, 호이스팅(Hoisting) 동작 원리, 화살표 함수까지 실무 예제와 함께 한 번에 정리합니다. https://www.codeslog.com/posts/language-switcher-banner/ Fri, 23 Jan 2026 08:00:00 +0900 https://www.codeslog.com/posts/language-switcher-banner/ 브라우저 언어(navigator.language)를 감지해 적절한 언어 버전을 자동으로 제안하는 배너를 Hugo 블로그에 직접 구현했습니다. WCAG 2.2 AA 기준의 키보드 네비게이션과 스크린 리더 지원까지 다룬 구현 과정을 공유합니다. https://www.codeslog.com/posts/blog-comment-visibility-features/ Fri, 16 Jan 2026 18:00:00 +0900 https://www.codeslog.com/posts/blog-comment-visibility-features/ Hugo 정적 블로그에 Giscus 댓글 수, 최근 댓글, 전체 댓글 페이지를 붙인 과정입니다. GitHub GraphQL API 호출과 토큰 설정, Cloudflare Pages 환경 변수, localStorage 캐싱, 접근성 처리까지 코드로 정리했습니다. https://www.codeslog.com/posts/code-block-accessibility-improvement/ Fri, 09 Jan 2026 20:00:00 +0900 https://www.codeslog.com/posts/code-block-accessibility-improvement/ Hugo PaperMod 블로그의 코드 블록을 개선한 기록입니다. 라인 넘버를 table 태그 대신 CSS Counter로 다시 구현해, 스크린 리더 사용자가 불필요한 표 정보 없이 코드를 읽을 수 있도록 더 시맨틱하고 접근성 높게 바꾼 과정을 정리합니다.