nalkkul 워드프레스 블로그를 모바일에서 앱처럼 실행하고, 밤에는 눈이 편한 다크모드로 전환하고 싶었다. PWA(Progressive Web App)와 다크모드를 직접 구현한 과정을 코드 중심으로 정리한다. GeneratePress 테마 기준이지만 대부분의 테마에 적용 가능하다. 1. manifest.json — PWA의 신분증 브라우저가 “이 사이트는 앱으로 설치할 수 있다”고 판단하려면 manifest.json이 필요하다. 워드프레스 루트 디렉토리(/home/wpadmin/public_html/manifest.json)에 아래 내용을 넣는다. 각 필드가 하는 일: 2. Service … 더 읽기
워드프레스 기본 로그인 화면(wp-login.php)을 쓰다 보면, 이게 과연 2026년에 맞는 UX인지 의문이 든다. 디자인은 커스터마이징이 거의 안 되고, AJAX 없이 페이지가 새로고침되며, 소셜 로그인은 별도 플러그인이 필요하다. 결국 처음부터 새로 만들기로 했다. mu-plugin 하나로 로그인, 회원가입, 비밀번호 재설정, 프로필까지 전부 구현한 과정을 코드와 함께 기록한다. 왜 mu-plugin으로 구현했는가 일반 플러그인이 아닌 mu-plugin(Must-Use Plugin)으로 만든 이유가 … 더 읽기
사주팔자를 JavaScript로 구현한다고 하면 대부분 “그걸 코드로?” 하는 반응이다. 나도 처음엔 그랬다. 그런데 막상 파고 들어보면, 사주 계산은 생각보다 체계적인 수학 로직이다. 천간 10개, 지지 12개를 조합하고, 오행의 상생상극 관계를 매핑하고, 60갑자를 순환시키는 구조. 결국 모듈러 연산과 해시맵 탐색의 연속이다. 이 글에서는 실제로 워드프레스 플러그인으로 동작하는 사주팔자 계산기를 만들면서 겪은 과정을 코드와 함께 정리한다. 단순 … 더 읽기
건강보험심사평가원(HIRA) API를 붙이면서 가장 당혹스러웠던 건, 공식 문서에 나온 필드명과 실제 응답의 필드명이 달랐다는 거다. dutyName으로 약국 이름을 가져와야 한다고 문서에 적혀 있는데, 실제로는 yadmNm으로 온다. 이런 걸 어떻게 알았냐고? 빈 카드가 20개 렌더링되는 걸 보고 알았다. 이번 글에서는 약국/병원 찾기 서비스를 처음부터 만드는 과정을 다룬다. 시도 → 시군구 캐스케이딩 드롭다운, API 응답 파싱, 그리고 … 더 읽기
같은 공공데이터포털(data.go.kr)에서 API를 신청하는데, 어떤 건 apis.data.go.kr로 호출하고, 어떤 건 api.odcloud.kr로 호출해야 한다. 같은 사이트에서 발급받은 같은 키인데 왜 도메인이 다를까? 여기에 GET과 POST 방식 차이까지 합쳐지면 혼란이 배가 된다. 이번 편에서는 금융위원회 기업개요 API와 국세청 사업자등록 상태조회 API, 이 두 서비스를 나란히 비교하면서 만든다. 같은 공공데이터인데 설계 철학이 다른 두 시스템의 차이를 짚는다. 두 … 더 읽기
3편까지는 코드 얘기만 했다. 이번 편은 돈 얘기다. 블로그에 글을 쓰면 방문자가 읽고 나간다. 체류 시간 1~2분. 공공데이터 API를 연동한 도구 페이지를 만들면? 사용자가 이것저것 조회하면서 3~5분을 머문다. 이 차이가 구글 애드센스 수익에 직접 영향을 준다. 실제 운영 경험을 바탕으로 수익화 전략과 운영 노하우를 정리한다. 도구 페이지가 글보다 수익화에 유리한 이유 구글 애드센스 수익은 노출 … 더 읽기
작년 겨울, 미세먼지가 심한 날 네이버에서 미세먼지 수치를 확인하다가 문득 이런 생각이 들었다. “이 데이터, 나도 직접 가져올 수 있지 않나?” 공공데이터포털(data.go.kr)에 들어가보니 에어코리아 대기오염정보 API가 있었다. 신청하고, 코드 짜고, 삽질하고— 그 과정을 처음부터 끝까지 정리한다. 이 글은 시리즈의 첫 번째 편이다. 워드프레스 mu-plugin으로 미세먼지 실시간 조회 서비스를 만드는 과정을 실제 코드와 함께 다룬다. 공공데이터포털 … 더 읽기