서버 · 인프라 심화
nginx FastCGI 페이지 캐시 우회 규칙 — 무엇을 캐시하면 안 되는가
페이지 캐시 도입에서 어려운 것은 켜는 것이 아니라 비켜 가야 할 요청을 빠짐없이 비켜 가는 것입니다. 우회 목록에서 하나가 빠지면 결제 웹훅이 캐시되는 사고가 납니다.
Technote
워드프레스 실무 노하우 골라 읽는 기술 노트
글 268편
개발 워크플로우 입문
훅 시점 — init 보다 이르면 세상이 아직 없습니다
같은 코드를 같은 훅에 걸어도 시점이 다르면 결과가 다릅니다. 택소노미 · 포스트 타입 · 번역은 init 이전에 손대면 미완성된 세상을 보게 됩니다.
SEO 입문
분석 태그를 넣는 세 가지 방법과 각각의 대가
플러그인 · 자식 테마 코드 · 태그 매니저. 셋 다 동작하지만 내주는 것이 다릅니다. 편의냐 통제냐, 아니면 쌓인 태그를 가려 주는 한 겹이냐의 문제입니다.
개발 워크플로우 입문
워드프레스 저장소에 무엇을 커밋하고 무엇을 무시하나
기준은 하나입니다 — 우리가 쓴 것인가. 자격증명과 생성된 콘텐츠는 소스가 아니고, 저장소에 들어가는 순간 되돌릴 수 없는 문제가 됩니다.
SEO 입문
네이버 서치어드바이저 등록, 순서대로
구글 서치콘솔을 해 봤다면 절차가 낯설지 않습니다. 등록 · 소유 확인 · 사이트맵 제출까지 순서대로, 막히는 지점과 함께 정리합니다.
테마 · 플러그인 실무
ACF 무료판으로 반복 필드를 설계하는 방법
Repeater 가 없어서 막힌 게 아니라, 반복 데이터를 필드에 넣으려던 설계가 막힌 것입니다. 반복은 CPT 로 승격하면 정렬 · 검색 · 자동화가 코어 기능으로 풀립니다.
성능 최적화 실무
움직여도 되는 속성과 프레임을 갉아먹는 속성
한 프레임에 허락된 시간은 아주 짧습니다. transform 과 opacity 만이 레이아웃 계산 없이 움직이고, 나머지는 매 프레임 값을 치릅니다.
SEO 입문
카테고리 설계 — 계층을 만들면 얇은 아카이브가 생깁니다
카테고리 안에 하위 카테고리를 만드는 순간 글 한두 편짜리 페이지가 양산됩니다. 평면 구조가 답인 이유와, 이미 계층을 만든 경우의 정리법입니다.
성능 최적화 입문
Lighthouse 점수는 요약이고, 일은 항목에 있습니다
점수는 여러 지표를 가중 합산한 하나의 숫자입니다. 실행할 수 있는 것은 그 아래 항목 목록이고, 개발자에게 넘길 것도 점수가 아니라 항목입니다.
SEO 입문
제목과 설명 — 검색 결과에 실제로 나가는 것
우리가 적은 제목이 그대로 나가지 않는 일이 흔합니다. 두 태그가 하는 일이 서로 다르다는 것을 알면, 어디에 공을 들여야 하는지가 정해집니다.
AI 활용 실무
프로젝트 규약 문서를 AI 에게 읽히는 법
AI 코딩 도구의 결과 품질은 모델보다 컨텍스트가 가릅니다. 프로젝트 규약을 "왜" 와 "회귀 감지" 까지 담아 문서화하면, AI 가 같은 실수를 반복하지 않는 팀원이 됩니다.
개발 워크플로우 입문
디자인과 코드가 같은 이름을 쓰게 만들기
이름이 다르면 대화마다 번역이 한 단계씩 붙습니다. 그 번역은 시간이 지날수록 사람 머릿속에만 남고, 새로 합류한 사람에게는 전달되지 않습니다.
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로 — 디자이너·개발자 핸드오프 실전 가이드
피그마 디자인을 코드로 옮기는 과정에서 발생하는 오해와 손실을 최소화하는 방법. 토큰 추출, 컴포넌트 명명 규칙, 스페이싱 시스템 동기화까지 실무 워크플로우를 단계별로 정리합니다.