개발 워크플로우 실무
우선순위 경쟁 — 마지막에 말하는 쪽이 이깁니다
우선순위는 권한이 아니라 줄 서는 위치입니다. 번호를 올려 이기는 방법은 상대도 쓸 수 있어서 영구적인 승자가 없고, 번역 필터를 뒤에서 덮으면 원문이 그대로 나갑니다.
Technote
글 217편
개발 워크플로우 실무
우선순위는 권한이 아니라 줄 서는 위치입니다. 번호를 올려 이기는 방법은 상대도 쓸 수 있어서 영구적인 승자가 없고, 번역 필터를 뒤에서 덮으면 원문이 그대로 나갑니다.
개발 워크플로우 실무
배포의 품질은 성공했을 때가 아니라 실패했을 때 드러납니다. 롤백 경로를 먼저 만들고 나서 올리는 순서를 정리합니다.
보안 실무
커밋된 비밀값은 이미 유출된 비밀값입니다. 히스토리를 다시 써도 되돌아오지 않고, 남는 해결은 교체 하나뿐입니다.
SEO 실무
"버튼 3 클릭" 이라는 이름의 이벤트는 페이지를 고치는 순간 뜻을 잃습니다. "문의 제출" 은 화면이 바뀌어도 같은 뜻으로 남습니다.
서버 · 인프라 실무
폼은 멀쩡히 제출되는데 메일이 오지 않습니다. 원인은 대개 폼이 아니라 발송 경로이고, 발신을 증명하는 세 가지 DNS 레코드로 해결됩니다.
성능 최적화 실무
preload 는 우선순위를 사는 게 아니라 빌리는 것입니다. 남발하면 정작 급한 자원이 밀립니다. LCP 요소를 실측으로 특정하고 그 경로의 자원만 올리는 순서를 정리합니다.
성능 최적화 실무
실험실 데이터는 통제된 조건의 재현 가능한 한 번이고, 실측 데이터는 실제 고객이 겪은 것의 분포입니다. 둘이 어긋날 때는 서로 다른 질문에 답하고 있는 것입니다.
SEO 입문
태그를 자유롭게 붙이되 전부 검색에 내보내지는 않습니다. 주제 · 대상 · 난이도를 분리하고, 그중 무엇을 색인할지 정하는 기준을 정리합니다.
테마 · 플러그인 실무
다크 모드는 기능 하나가 아니라 유지·검증해야 할 표면이 두 배가 되는 일입니다. 넣을 이유가 분명한 사이트가 있고, 그렇지 않은 사이트가 있습니다.
SEO 입문
robots.txt 로 막은 페이지가 검색 결과에 나오는 일이 있습니다. 크롤을 막는 것과 색인을 막는 것이 다른 일이기 때문이고, 이 구분을 모르면 반대로 조치하게 됩니다.
보안 입문
관리자 비밀번호가 한 번 새면, 내장 테마 편집기는 웹셸 설치 화면이 됩니다. 상수 한 줄이 그 최단 경로를 지웁니다.
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로 — 디자이너·개발자 핸드오프 실전 가이드
피그마 디자인을 코드로 옮기는 과정에서 발생하는 오해와 손실을 최소화하는 방법. 토큰 추출, 컴포넌트 명명 규칙, 스페이싱 시스템 동기화까지 실무 워크플로우를 단계별로 정리합니다.