JavaScript

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

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

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

자바스크립트를 쓰다 보면, 어느 순간 이런 코드를 작성하게 됩니다. javascript 라인 넘버 읽기: OFF 라인 넘버 읽기 기능 도움말 라인 넘버 읽기 기능 이 버튼은 스크린 리더 사용자를 위한 기능입니다. ...

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

들어가며 한국어와 영어 두 언어로 블로그를 운영하다 보니 흥미로운 문제를 발견했습니다. 블로그 링크를 공유하다보면 한국어 페이지를 해외 사용자에게 공유하게 될 때도 있습니다. 한글을 못 읽는 분들은 당황하겠죠? 반대로 한국 커뮤니티에서 공유된 영문 포스트 링크를 클릭한 한국어 사용자도 마찬가지입니다. ...

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

들어가며 정적 사이트 생성기(SSG)로 만든 블로그는 정말 빠르고 안전합니다. 하지만 댓글 같은 동적 기능을 추가하려면 고민이 필요합니다. 저도 이 블로그에 GitHub Discussions 기반의 Giscus를 댓글 시스템으로 사용하고 있는데, 한 가지 불편한 점이 있었습니다. ...

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

들어가며 최근 Hugo에 PaperMod 테마를 이용해서 블로그를 만들고 운영을 시작했습니다. 다른 사람이 만든 것을 그대로 사용하는건 빠르게 운영할 수 있다는 장점이 있지만, 모든 부분이 나에게 맞는 건 아니였습니다. 수많은 곳을 내 입맛과 취향에 맞춰서 수정하다가 보니 코드 블록에 문제가 좀 있더군요. ...