가장 최근 글 AI 활용 실무
AI와 함께 워드프레스 코드 쓰기 — 컨텍스트가 결과를 가릅니다
같은 질문에도 결과가 크게 달라지는 이유는 대개 모델이 아니라 우리가 넘긴 정보입니다. 코드베이스의 규약 · 버전 제약 · 주변 코드를 함께 주면 일반론 대신 이 프로젝트의 코드가 돌아옵니다.
Technote
글 279편
가장 최근 글 AI 활용 실무
같은 질문에도 결과가 크게 달라지는 이유는 대개 모델이 아니라 우리가 넘긴 정보입니다. 코드베이스의 규약 · 버전 제약 · 주변 코드를 함께 주면 일반론 대신 이 프로젝트의 코드가 돌아옵니다.
개발 워크플로우 심화
코드를 되돌려도 DB 는 되돌아오지 않습니다. 새 코드가 데이터를 이미 고쳐 놓았다면 옛 코드는 그것을 읽지 못하고, 그래서 순서가 필요합니다.
보안 실무
최소한만 모으고, 모은다는 사실을 알리고, 거부를 존중한다. 원칙은 세 줄이고 대부분의 사고는 한 곳에서 납니다 — 동의를 받기 전에 이미 발사된 태그입니다.
SEO 심화
내부 접속, 봇, 중복 태그는 전부 숫자를 부풀립니다. 부풀린 방향이 일정하지 않아서, 추세를 읽는 순간 결정이 통째로 틀어집니다.
개발 워크플로우 실무
캠페인 파라미터가 붙은 주소는 검색엔진에게 별개의 주소입니다. 색인되면 같은 페이지가 여러 벌로 잡히고, 표기가 흔들리면 리포트가 쪼개집니다. 원인이 하나라 해법도 하나입니다.
성능 최적화 심화
아무도 도달하지 않는 페이지를 다듬는 일이 가장 흔한 낭비입니다. 경로 전체를 처음부터 끝까지 걸어 보면 어디서 새는지 먼저 보입니다.
성능 최적화 실무
모바일에서 본문을 가리는 팝업은 검색 평가에서 불리하게 작용하고, 같은 팝업이 전환에서도 비용을 만듭니다. 조절할 수 있는 것은 타이밍 · 트리거 · 닫기 세 가지입니다.
성능 최적화 심화
캐시를 넣는 것은 쉽습니다. 어려운 것은 언제 버릴지 아는 일이고, 그 판단을 잘못하면 결제 상태가 갱신되지 않는 사고까지 이어집니다.
SEO 심화
개별 글의 순위를 보고 있으면 구조의 효과가 보이지 않습니다. 무엇을 묶어서 보고, 얼마나 기다리고, 무엇을 근거로 판단할지 정리합니다.
SEO 실무
점검이 습관이 되지 않는 이유는 대개 순서가 없기 때문입니다. 매달 같은 자리를 같은 순서로 보고 한 줄씩 기록하면 30분으로 충분합니다.
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로 — 디자이너·개발자 핸드오프 실전 가이드
피그마 디자인을 코드로 옮기는 과정에서 발생하는 오해와 손실을 최소화하는 방법. 토큰 추출, 컴포넌트 명명 규칙, 스페이싱 시스템 동기화까지 실무 워크플로우를 단계별로 정리합니다.