가장 최근 글 SEO 실무
월 30분 SEO 점검 루틴 여덟 항목
점검이 습관이 되지 않는 이유는 대개 순서가 없기 때문입니다. 매달 같은 자리를 같은 순서로 보고 한 줄씩 기록하면 30분으로 충분합니다.
Technote
글 268편
가장 최근 글 SEO 실무
점검이 습관이 되지 않는 이유는 대개 순서가 없기 때문입니다. 매달 같은 자리를 같은 순서로 보고 한 줄씩 기록하면 30분으로 충분합니다.
성능 최적화 실무
개발자에게 "빠르게 해 주세요" 라고 요청하면 무엇을 해야 할지 정해지지 않습니다. 이미지 · 서드파티 스크립트 · 폰트 · 히어로 이미지 네 가지는 마케터가 직접 확인해 항목으로 넘길 수…
개발 워크플로우 심화
배포 후에 발견하는 디자인 문제의 대부분은 배포 전에 순서대로 확인하면 잡힙니다. 규칙 · 상태 · 실기기의 세 단계로 정리했습니다.
성능 최적화 심화
autoload 로 표시된 옵션은 요청마다 한 번에 읽혀 역직렬화됩니다. 큰 값 하나가 사이트 전체에 조용히 세금을 매기는 구조입니다.
개발 워크플로우 심화
롤백은 버튼 하나가 아니라 코드와 데이터베이스 두 갈래이고, 되돌리는 순서가 있습니다. 그 순서를 배포 전에 적어 두는 것까지가 준비입니다.
성능 최적화 심화
쓰지 않는 스크립트를 내리는 것은 가능합니다. 다만 그 자산에 기대던 기능의 책임이 함께 넘어오므로, 무엇이 실제로 깨지는지 확인하는 절차가 필요합니다.
개발 워크플로우 심화
확장 지점을 남기지 않은 코드는 결국 포크되거나 직접 수정됩니다. do_action 과 apply_filters 를 어디에 몇 개나 둘지가 그 코드의 수명을 정합니다.
서버 · 인프라 심화
예약한 글이 정시에 안 나오는 이유는 대개 코드가 아니라 구조입니다. 워드프레스의 크론은 방문 요청에 얹혀 돌기 때문에, 조용한 사이트에서는 아무것도 실행되지 않습니다.
개발 워크플로우 심화
전면적인 테스트 스위트가 없어도 CI 는 값을 합니다. 문법 · 코딩 표준 · 빌드 대조 · 부팅 스모크 넷이 현실적인 출발점입니다.
SEO 실무
이미 검색에 자리를 잡은 글 한 편을 손보는 것이, 자리를 처음부터 만들어야 하는 새 글보다 빠를 때가 많습니다. 어떤 글이 그 조건에 해당하는지 세 가지로 나눠 정리했습니다.
SEO 입문
키워드 밀도 · 메타 키워드 · 글자 수 목표 · 디렉터리 일괄 등록. 넷 다 한때는 근거가 있었고 지금은 아닙니다. 버리는 것보다 중요한 것은 그 자리를 무엇이 대신했는지입니다.
개발 워크플로우 실무
문의를 늘리는 일보다 이미 받은 문의에 빨리 답하는 일이 쉬울 때가 많습니다. 좋은 의도는 흐름을 만들지 못하므로, 흐름을 문서로 만들어야 합니다.
Cited
워드프레스 밖의 주제는 같은 팀이 운영하는 동지커뮤니케이션 기술 인사이트에 정리돼 있습니다. 아래 요약은 원문 그대로 인용했으며, 제목을 누르면 원문으로 이동합니다.
AI 활용
CLAUDE.md 작성법 — AI 코딩 어시스턴트에게 프로젝트를 가르치는 기술
Claude Code, Cursor, Copilot 같은 AI 코딩 도구는 프로젝트 컨텍스트를 정확히 알수록 더 나은 결과를 냅니다. 효과적인 CLAUDE.md 구조와 작성 원칙을 공유합니다.
AI 활용
AI에게 UI 디자인을 요청하는 프롬프팅 전략 — Claude·GPT로 시안 만들기
AI에게 "예쁜 버튼 만들어줘"라고 요청하면 실망스러운 결과가 나옵니다. 제약 조건·레퍼런스·역할 정의를 담은 구조적 프롬프트로 원하는 디자인을 정확하게 요청하는 전략을 공유합니다.
테마 · 플러그인
SCSS 기초 완전 정복 — 변수부터 모듈 구조까지
CSS의 한계를 극복한 SCSS(Sass)의 핵심 문법을 정리합니다. 변수, 중첩, Mixin, @use, 모듈 구조까지 — 실무에서 바로 쓸 수 있는 패턴 중심으로 설명합니다.
테마 · 플러그인
디자인 토큰 & 테마 색상 시스템 — SCSS 변수로 브랜드 아이덴티티 구축하기
색상 팔레트를 단순한 HEX 코드 모음이 아닌, 의미 있는 설계 시스템으로 만드는 방법. 시맨틱 토큰 구조와 SCSS 변수 설계 패턴을 실제 프로젝트 예시로 설명합니다.
성능 최적화
반응형 타이포그래피 시스템 설계 — 웹 가독성의 과학
폰트 크기를 픽셀로 하드코딩하는 시대는 끝났습니다. Type Scale, clamp()로 유동적 폰트 크기, 한글 웹폰트 최적화, 줄간격 황금비율까지 — 어떤 화면에서도 읽기 좋은 타이포그래피 시스템을 설계하는 방법을 알아봅니다.
개발 워크플로우
피그마에서 SCSS로 — 디자이너·개발자 핸드오프 실전 가이드
피그마 디자인을 코드로 옮기는 과정에서 발생하는 오해와 손실을 최소화하는 방법. 토큰 추출, 컴포넌트 명명 규칙, 스페이싱 시스템 동기화까지 실무 워크플로우를 단계별로 정리합니다.