웹 개발

우리 사이트가 남의 페이지 안에 액자처럼 박혀 가짜 화면으로 쓰인다 — 작은 회사 웹사이트가 갖춰야 할 보안 헤더 5가지

코드는 멀쩡한데 사이트가 공격당하는 경우의 상당수는 '보안 헤더' 한 줄이 빠져 있어서다. 화면에 보이지 않지만 가장 흔한 공격을 코드 수정 없이 막아 주는 다섯 가지를 정리했다.

2026.05.23 조회 29
프로젝트 후기

장독 하나가 십 년을 숨 쉬며 장맛을 길러낸다 — 숨결(甕結) 옹기 공방 브랜드 사이트 제작기

3대째 옹기를 빚어 온 공방에 처음으로 사이트가 생겼다. 흙으로 빚은 그릇이 어떻게 숨을 쉬는지, 장독 하나가 십 년을 견디는 시간을, 발효를 배우러 오는 젊은 손님과 해외 문의를 한 장의 첫 화면에 어떻게 담았는지 두 달간의 기록이다.

2026.05.23 조회 24
디자인

브랜드 컬러를 다섯 개나 골랐는데 사이트는 더 산만해졌다 — 작은 회사 웹사이트 컬러 팔레트 설계의 5가지 원칙

색을 많이 쓸수록 전문적으로 보일 것 같지만 결과는 반대다. 메인 한 색을 중심으로 회색과 강조색을 정리하는 컬러 팔레트 설계 5가지 원칙을 정리했다.

2026.05.22 조회 29
트렌드

툴팁 하나를 띄우려고 좌표 계산 라이브러리를 부른다 — CSS Anchor Positioning이 자바스크립트 없이 요소를 붙이는 시대

드롭다운과 툴팁의 위치를 잡으려고 매번 자바스크립트로 좌표를 계산하던 시대가 저물고 있다. CSS Anchor Positioning은 한 요소를 다른 요소에 직접 묶고, 화면 밖으로 넘칠 때 스스로 자리를 바꾼다.

2026.05.22 조회 26
비즈니스

사이트 하단의 빠진 한 줄이 과태료로 돌아온다 — 작은 회사 웹사이트가 법으로 갖춰야 할 의무 표기 5가지

사업자 정보부터 개인정보처리방침, 통신판매업 신고번호까지. 작은 회사 웹사이트가 법적으로 반드시 갖춰야 할 의무 표기 5가지를 실무 관점에서 정리했습니다.

2026.05.22 조회 24
프로젝트 후기

옻칠 한 겹이 마르는 데 꼬박 하루가 걸린다 — 옻결(漆結) 옻칠 공방 브랜드 사이트 제작기

마를 때까지 기다리는 것이 전부인 공예를 빠른 웹에 어떻게 담을까. 옻칠 공방 옻결의 브랜드 사이트를 만들며 '느림'을 약점이 아니라 가격표로 바꾼 과정을 정리했다.

2026.05.22 조회 23
마케팅

한 번 다녀간 고객의 이메일이 받은편지함에서 잠자고 있다 — 작은 회사가 뉴스레터로 재방문을 만드는 5가지 원칙

신규 고객을 한 명 데려오는 비용은 매년 오르지만, 이미 우리를 아는 고객에게 다시 닿는 비용은 거의 0에 가깝다. 작은 회사가 가진 이메일 명단을 매출로 바꾸는 다섯 가지 원칙을 정리했다.

2026.05.21 조회 24
웹 개발

키보드만 쓰는 고객은 우리 사이트의 결제 버튼에 닿지 못한다 — 작은 회사 웹사이트 접근성을 챙기는 5가지 원칙

웹 접근성은 장애인만을 위한 배려가 아니라 더 많은 고객을 놓치지 않기 위한 기본기다. 작은 회사 사이트가 비용을 거의 들이지 않고 당장 챙길 수 있는 다섯 가지 접근성 원칙을 정리했다.

2026.05.21 조회 30
디자인

고객은 첫 화면을 3초 만에 떠난다 — 작은 회사 웹사이트 히어로 섹션 설계의 5가지 원칙

방문자는 첫 화면에서 머물지 떠날지를 몇 초 안에 결정합니다. 작은 회사 웹사이트의 히어로 섹션을 신뢰와 전환으로 연결하는 5가지 설계 원칙을 정리했습니다.

2026.05.21 조회 27