개발 워크플로우 심화
배포 전 디자인 QA 체크리스트
배포 후에 발견하는 디자인 문제의 대부분은 배포 전에 순서대로 확인하면 잡힙니다. 규칙 · 상태 · 실기기의 세 단계로 정리했습니다.
Technote
디자이너 를 위한 워드프레스 가이드
디자인과 사용자 경험을 책임지는 디자이너를 위한 가이드. 테마 선택 · 웹폰트 · 이미지 최적화가 속도와 전환에 미치는 영향을 다룹니다.
글 80편· 디자이너
개발 워크플로우 심화
되돌릴 계획 없이 배포하지 않습니다
롤백은 버튼 하나가 아니라 코드와 데이터베이스 두 갈래이고, 되돌리는 순서가 있습니다. 그 순서를 배포 전에 적어 두는 것까지가 준비입니다.
개발 워크플로우 실무
구현 리뷰는 픽셀이 아니라 규칙 위반을 지적합니다
"2px 만 올려 주세요" 는 그 한 곳만 고치고 끝납니다. "이 값이 척도 밖입니다" 는 같은 실수가 다시 나오지 않게 합니다.
SEO 실무
리뉴얼 후 2주 — 무엇을 보고 무엇을 무시하나
배포 직후 며칠의 출렁임은 정상입니다. 2주 넘게 이어지는 하락은 정상이 아닙니다. 색인 · 속도 · 전환 세 축에서 무엇을 보는지 정리합니다.
개발 워크플로우 실무
간격은 숫자가 아니라 척도로 넘깁니다
"여기 37px" 은 그 자리 하나만 해결합니다. "간격은 이 열두 단계에서 고른다" 는 그리지 않은 화면까지 함께 해결합니다.
테마 · 플러그인 실무
옛 콘텐츠가 새 디자인에서 깨지는 세 가지 이유
본문에 박힌 인라인 스타일, 사라진 플러그인의 숏코드 잔여물, 하드코딩된 폭. 새 디자인 시스템이 존중받지 못하는 지점은 대개 이 셋입니다.
서버 · 인프라 입문
파비콘과 공유 이미지, 자주 빠뜨리는 크기와 캐시
파비콘은 한 장이 아니고, 공유 이미지는 태그를 고쳐도 이미 공유된 링크에는 반영되지 않습니다. 플랫폼이 미리보기를 캐시하기 때문입니다.
보안 입문
무료 이미지의 라이선스를 실제로 읽는 법
"검색해서 나왔다" 는 출처가 아닙니다. 상업적 이용, 저작자 표시, 변형 허용, 사람이 찍힌 사진의 초상 동의 — 이 네 줄만 확인해도 나중의 분쟁 대부분이 사라집니다.
개발 워크플로우 심화
스크린샷 회귀 검사로 바뀌면 안 되는 화면 지키기
한 줄 고쳤는데 엉뚱한 화면이 틀어지는 일은 CSS 에서 흔합니다. 스크린샷 비교는 그것을 잡아 주지만, 실제 작업은 지킬 화면을 고르고 거짓 경보를 줄이는 쪽에 있습니다.
개발 워크플로우 실무
취향 논쟁을 규칙 확인으로 바꾸는 디자인 리뷰
"좀 답답해 보인다" 는 반박할 수 없고 고칠 수도 없습니다. 간격 척도 밖의 값, 팔레트 밖의 색, 기준 미달 대비, 빠진 상태 — 네 항목만 규칙으로 바꿔도 리뷰의…
테마 · 플러그인 실무
편집 가능한 영역을 디자인 전에 정합니다
CMS 가 표현할 수 없는 디자인은 배포된 뒤에도 계속 협상 대상으로 남습니다. 어디까지 편집자가 바꿀 수 있는지를 먼저 정하면 그 협상 자체가 사라집니다.
개발 워크플로우 실무
한 번에 다 바꾸지 않습니다 — 템플릿 단위 전환
전면 교체는 모든 문제를 같은 날 같은 시각에 불러옵니다. 원인을 귀속할 수 없다는 뜻이고, 그래서 템플릿 단위로 나눠 켭니다.