개발 워크플로우 심화
헤드리스의 대가 — 미리보기 · 편집 경험 · 운영 비용
헤드리스는 공짜 업그레이드가 아닙니다. 얻는 것이 분명한 만큼 잃는 것도 분명하고, 가장 과소평가되는 것이 미리보기입니다.
Technote
워드프레스 실무 노하우 골라 읽는 기술 노트
글 29편· 개발 워크플로우 · 개발자
개발 워크플로우 심화
CI 에서 WP-CLI 돌리기 — 검사 자동화의 실제 구성
사람이 기억해서 돌리는 검사는 바쁜 주에 건너뛰게 됩니다. 싼 검사부터 순서대로 쌓고, 일회용 워드프레스 위에서 명령으로 확인하면 그 기억이 필요 없어집니다.
개발 워크플로우 심화
어떤 훅이 걸려 있는지 알아내기 — 원인을 찾는 순서
내 콜백이 안 도는지, 도는데 값이 덮이는지, 훅 자체가 안 불리는지는 전혀 다른 문제입니다. 등록부를 직접 들여다보면 이 셋이 한 번에 갈립니다.
개발 워크플로우 심화
되돌리기 설계 — 코드와 DB 를 함께 되돌릴 때의 순서
코드를 되돌려도 DB 는 되돌아오지 않습니다. 새 코드가 데이터를 이미 고쳐 놓았다면 옛 코드는 그것을 읽지 못하고, 그래서 순서가 필요합니다.
개발 워크플로우 심화
우리 코드에 훅 만들기 — 고치지 않고도 바꿀 수 있게
확장 지점을 남기지 않은 코드는 결국 포크되거나 직접 수정됩니다. do_action 과 apply_filters 를 어디에 몇 개나 둘지가 그 코드의 수명을 정합니다.
개발 워크플로우 심화
워드프레스 프로젝트의 CI — 무엇을 자동으로 검사할 수 있나
전면적인 테스트 스위트가 없어도 CI 는 값을 합니다. 문법 · 코딩 표준 · 빌드 대조 · 부팅 스모크 넷이 현실적인 출발점입니다.
개발 워크플로우 심화
자체 WP-CLI 명령 만들기 — 플러그인에 명령 붙이기
등록은 세 줄이면 끝나고, 문서 주석이 그대로 도움말이 됩니다. 실제로 신경 써야 하는 것은 log · warning · error 중 무엇을 부르느냐입니다 — error 는 실행을 멈춥니다.
개발 워크플로우 실무
남의 훅 내리기 — 콜백 · 우선순위 · 시점이 전부 맞아야 합니다
remove_action 은 실패해도 아무 말을 하지 않습니다. 이름이 틀렸는지 우선순위가 다른지 아직 등록 전인지 구분되지 않으므로, 반환값을 보는 습관이 절반의 해결입니다.
개발 워크플로우 실무
배포 전략 셋 — rsync · 서버 git · 빌드 산출물
세 방식은 속도가 아니라 되돌리기 이야기로 갈립니다. "어떻게 올리나" 보다 "어떻게 되돌리나" 를 먼저 정하면 선택이 쉬워집니다.
개발 워크플로우 실무
멱등한 시드 스크립트 — 두 번 돌려도 사본이 생기지 않게
시드는 한 번만 도는 스크립트가 아닙니다. 조회를 잘못 쓰면 검사는 통과하고 삽입은 실행되어, 워드프레스가 조용히 -2 를 붙인 사본을 만듭니다.
개발 워크플로우 실무
the_content 체인 — wpautop 앞과 뒤는 다른 문자열입니다
같은 필터인데 우선순위 1에서 보는 값과 12에서 보는 값이 다릅니다. 어느 쪽에 걸지 고르지 않으면 "정규식이 아무것도 못 잡는다" 가 반복됩니다.
개발 워크플로우 실무
스테이징이 프로덕션과 다르면 테스트가 거짓말을 합니다
스테이징은 "비슷한 환경" 이 아니라 "중요한 지점에서 같은 환경" 이어야 합니다. 어느 차이가 중요한지는 목록으로 정할 수 있습니다.
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로 — 디자이너·개발자 핸드오프 실전 가이드
피그마 디자인을 코드로 옮기는 과정에서 발생하는 오해와 손실을 최소화하는 방법. 토큰 추출, 컴포넌트 명명 규칙, 스페이싱 시스템 동기화까지 실무 워크플로우를 단계별로 정리합니다.