가장 최근 글 개발 워크플로우 입문
대시보드를 열기 전에 질문을 먼저 정합니다
질문 없이 연 대시보드는 관찰을 만들고 결정을 만들지 않습니다. 화면을 열기 전에 한 문장을 적는 것만으로 회의의 성격이 달라집니다.
Technote
워드프레스 실무 노하우 골라 읽는 기술 노트
글 303편
서버 · 인프라 입문
백지 화면 — 에러를 화면이 아니라 로그로 되찾습니다
흰 화면은 정보가 없는 것이 아니라 감춰진 것입니다. 로그를 켜면 대개 한 줄로 원인이 나오는데, 그 로그를 화면에 켜는 것이 사고입니다.
개발 워크플로우 입문
“이 기능 넣어 주세요” 뒤에 있는 진짜 문제
요청은 이미 한 번 번역된 결과입니다. 요청한 사람은 자기 필요를 해법으로 바꾼 뒤에 말을 꺼냈고, 그 해법을 그대로 만들면 대개 틀린 문제를 풀게 됩니다.
보안 입문
백업 주기는 잃어도 되는 시간에서 역산합니다
"하루에 한 번" 은 근거가 아니라 관행입니다. 주기는 사고가 났을 때 다시 만들어야 하는 작업량에서 거꾸로 계산해야 정해집니다.
개발 워크플로우 입문
개편 범위는 하지 않을 것부터 적습니다
끝나는 조건이 없는 개편은 끝나지 않습니다. "이왕 하는 김에" 가 일정을 무너뜨리는 방식이고, 그것을 막는 문서는 할 일 목록이 아니라 하지 않을 일 목록입니다.
개발 워크플로우 입문
워드프레스 코딩 표준의 실익 — 도구로 강제해야 값을 합니다
표준의 가치는 코드가 단정해지는 것이 아니라 리뷰에서 서식 이야기가 사라지는 것입니다. 그러려면 사람이 지적하지 않고 도구가 지적해야 하고, 설정은 반나절이면 끝납니다.
보안 입문
업데이트 순서 — 코어 · 플러그인 · 테마
한 번에 전부 올리면 빠르지만, 깨졌을 때 무엇 때문인지 알 수 없습니다. 순서를 정하고 사이사이에 확인하는 것은 느린 방법이 아니라 원인을 특정할 수 있게 하는 방법입니다.
테마 · 플러그인 입문
커스텀 포스트 타입은 언제 자기 자리를 얻나
대부분은 페이지로 충분합니다. 다만 페이지로 버틸 수 없어지는 지점은 꽤 뚜렷하고, 그 신호는 개수가 아니라 "목록으로 다뤄야 하는가" 입니다.
SEO 입문
언어를 하나 더 늘릴 이유가 실제로 있습니까
다국어는 기능이 아니라 운영 약속입니다. 켜는 순간 앞으로 만드는 모든 화면이 두 벌이 되므로, 판단은 감이 아니라 방문자 데이터로 합니다.
AI 활용 심화
AI가 만든 코드의 보안 검토 — 자주 나오는 취약 패턴 넷
생성된 코드는 대개 관용적으로 보입니다. 문제는 관용적으로 보이면서 이스케이프 · prepare · 권한 확인 · 경로 검증만 빠져 있는 경우가 반복된다는 점이고, 검토 순서를 정해 두면 짧게 끝납니다.
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로 — 디자이너·개발자 핸드오프 실전 가이드
피그마 디자인을 코드로 옮기는 과정에서 발생하는 오해와 손실을 최소화하는 방법. 토큰 추출, 컴포넌트 명명 규칙, 스페이싱 시스템 동기화까지 실무 워크플로우를 단계별로 정리합니다.