최신프론트엔드CSSCSS :has() 선택자 실전 가이드: 자바스크립트 없이 부모를 선택하는 법체크하면 카드가 강조되고, 입력이 틀리면 폼 전체가 반응하고, 별점에 마우스를 올리면 앞의 별까지 칠해진다. 예전엔 자바스크립트가 필요했던 일을 CSS :has() 한 줄로 해결하는 실전 예제를 직접 눌러보며 정리했다.2026.10.086분
프론트엔드HTML자바스크립트 없이 HTML만으로 되는 것들: 아직도 div로 다 만들고 있다면아코디언, 팝오버, 모달, 자동완성, 폼 검증, 이미지 지연 로딩까지. 라이브러리 없이 HTML 태그와 속성만으로 해결되는 기능을 예제와 함께 정리했다. 코드는 줄고 접근성은 덤으로 따라온다.2026.10.088분
개념 정리JavaScriptNode.js자바스크립트 이벤트 루프 완전 정복: 마이크로태스크와 매크로태스크의 실행 순서setTimeout(0)보다 Promise.then이 먼저 실행되는 이유는? 콜 스택, 태스크 큐, 마이크로태스크 큐가 어떤 순서로 돌아가는지 예제로 정리하고, 브라우저와 Node.js의 차이, 실무에서 UI 멈춤을 피하는 방법까지 알아보자.2026.10.087분
블로그 운영NuxtSEO글 주소 프리픽스를 통째로 바꿔야 할 때: Nitro wildcard 리다이렉트로 안전하게 옮기기/blog/[슬러그]로 쓰던 글 주소를 /ko/[슬러그]로 옮기면서, 기존 링크/북마크를 하나도 안 깨뜨리고 처리한 방법. Nitro routeRules의 와일드카드 리다이렉트 패턴과 실제로 같이 바꿔야 했던 범위를 정리한다.2026.10.086분
프론트엔드HTML의미 있는 HTML 쓰기: 대부분이 하는 시맨틱 HTML 실수 7가지화면에서는 똑같아 보여도 div로 만든 버튼, label 없는 입력칸, 크기로 고른 제목 태그는 키보드 사용자와 스크린 리더, 검색 엔진에게 전혀 다르게 보인다. 직접 눌러볼 수 있는 예제로 흔한 시맨틱 HTML 실수와 고치는 법을 정리했다.2026.10.088분
블로그 운영Nuxt ContentVercel배포만 하면 블로그 글이 하나도 안 보이던 버그: Nuxt Content와 Vercel의 /tmp 문제로컬에서는 멀쩡한데 Vercel에 올리면 queryCollection()이 빈 배열만 반환하던 버그를 추적한 과정. 원인은 @nuxt/content가 Vercel의 읽기 전용 파일시스템을 지원하기 전 버전에 고정돼 있었던 것.2026.10.076분
개념 정리데이터DIKW 피라미드 정리: 데이터가 지혜가 되기까지Data, Information, Knowledge, Wisdom 4단계로 구성된 DIKW 피라미드 개념을 로그/분석 데이터 같은 실제 개발 사례에 대입해서 정리한다.2026.09.185분
블로그 운영SEO애드센스Nuxt Content애드센스 ads.txt 경고를 받고 파헤치다가 찾은 진짜 색인 버그구글 애드센스가 ads.txt 문제를 알려왔는데, 확인해보니 파일은 멀쩡했다. 대신 서치콘솔 색인 수가 적었던 진짜 원인을 Nuxt Content 슬러그 불일치 버그에서 찾은 과정을 정리한다.2026.09.177분
백엔드MinIONode.jsMinIO 완벽 가이드: 설치부터 Node.js 연동까지MinIO는 오픈소스 기반의 고성능 객체 스토리지 서버입니다. AWS S3와 호환되는 API를 제공하여 클라우드 네이티브 애플리케이션을 위한 완벽한 스토리지 솔루션으로 자리잡고 있습니다.2025.11.235분
인프라라즈베리파이Linux라즈베리파이4에 저장장치 마운트 시키기라즈베리파이에 저장장치를 연결하고 파티션 생성부터 포맷, 마운트까지의 전체 과정을 정리한 기록입니다.2025.07.114분