웹 개발

진짜 고객은 안 오는데 폼에는 영문 광고가 하루 백 통씩 쌓인다 — 작은 회사 웹사이트가 문의 폼 스팸을 막는 5가지 원칙

작은 회사 홈페이지의 문의 폼은 봇이 가장 먼저 노리는 표적입니다. 손님을 불편하게 하지 않으면서 스팸만 걸러내는 다섯 가지 실무 방법을 순서대로 정리했습니다.

2026.06.05 조회 14
트렌드

제목 끝에 한 단어가 외톨이로 떨어져 디자인을 망친다 — text-wrap이 자바스크립트 없이 글줄을 알아서 다듬는 시대

헤드라인 마지막 줄에 단어 하나만 덩그러니 남는 어색함을 이제 CSS 한 줄로 해결합니다. balance와 pretty 두 값으로 제목과 본문의 줄바꿈을 브라우저가 알아서 다듬는 text-wrap을, 작은 회사 사이트 관점에서 정리했습니다.

2026.06.04 조회 11
디자인

예쁜 색을 다 넣었더니 고객의 눈이 정작 살 버튼을 못 찾는다 — 작은 회사 웹사이트 색(컬러) 선택의 5가지 원칙

마음에 드는 색을 하나씩 더하다 보면 사이트는 점점 시끄러워지고 정작 눌러야 할 버튼이 묻힙니다. 색을 더하는 게 아니라 덜어내는 방향으로 잡아야 하는 5가지 원칙을 정리했습니다.

2026.06.04 조회 10
트렌드

버튼 색 하나 바꾸려고 Sass라는 도구를 통째로 깔았다 — CSS Nesting이 빌드 도구 없이 브라우저에서 바로 중첩을 푸는 시대

마우스를 올렸을 때 버튼 색을 바꾸려면 같은 선택자를 처음부터 다시 쓰거나 Sass를 설치해야 했다. 이제 브라우저가 CSS 중첩을 직접 이해하면서, 별도 도구 없이도 스타일 코드가 짧아지고 고치기 쉬워진다.

2026.06.04 조회 8
비즈니스

문의 한 줄 받았을 뿐인데 우리 회사가 '개인정보를 모으는 사업자'가 됐다 — 작은 회사 웹사이트가 법으로 갖춰야 할 필수 페이지 5가지

이름과 연락처를 받는 문의 폼 하나만 달아도 회사는 법적으로 '개인정보를 수집하는 사업자'가 됩니다. 작은 회사 홈페이지가 과태료 없이 신뢰를 쌓으려면 갖춰야 할 법적 필수 페이지 다섯 가지를 정리했습니다.

2026.06.04 조회 12
프로젝트 후기

무명 두 겹 사이로 바늘이 천 길을 오가 한 벌의 겨울이 된다 — 골결(衲結) 누비 공방 브랜드 사이트 제작기

삼대를 손으로 누벼 온 공방에 처음으로 사이트가 생겼다. 두 겹 무명 사이에 갇힌 따뜻함을, 한 벌에 깃든 한 계절의 시간을, 한복 손님과 생활 누비 손님을 한 장의 첫 화면에 어떻게 나눠 담았는지 두 달간의 기록이다.

2026.06.03 조회 11
디자인

고객이 첫 화면을 3초 보고 무슨 회사인지 모른 채 떠난다 — 작은 회사 웹사이트 첫 화면(히어로)의 5가지 원칙

방문자는 첫 화면에서 몇 초 만에 머물지 떠날지 결정한다. 작은 회사 웹사이트가 첫 화면 하나로 '무슨 일을 하는 곳인지'를 단번에 전하는 5가지 원칙을 정리했다.

2026.06.03 조회 10
웹 개발

마우스를 못 쓰는 손님이 결제 버튼 코앞에서 발길을 돌린다 — 작은 회사 웹사이트가 웹 접근성을 챙기는 5가지 원칙

화면을 보지 못하거나 마우스를 쓰지 못하는 고객도 분명한 우리 손님입니다. 큰 비용 없이 작은 회사가 웹 접근성을 갖추는 5가지 실무 원칙을 정리했습니다.

2026.06.03 조회 13
프로젝트 후기

비단 한 폭에 색실이 수천 번 드나들어 한 송이 꽃으로 피어난다 — 꽃결(繡結) 자수 공방 브랜드 사이트 제작기

30년 손자수 장인의 작품이 인스타그램 사진 몇 장에만 머물러 있었습니다. 자수의 결과 시간을 화면에 옮긴 꽃결(繡結) 공방 브랜드 사이트 제작기를 공유합니다.

2026.06.03 조회 7