트렌드

툴팁과 드롭다운을 자바스크립트 없이 정확히 붙인다 — CSS Anchor Positioning이 바꾸는 인터페이스의 기본기

툴팁이 화면 밖으로 잘리고, 드롭다운이 스크롤할 때마다 어긋나는 문제는 오랫동안 자바스크립트의 몫이었다. CSS Anchor Positioning은 위치 계산을 브라우저에 맡기고, 코드 한 줄로 닻을 내리듯 요소를 붙일 수 있게 한다.

2026.05.09 조회 23
비즈니스

문의 폼 하나에도 법은 따라온다 — 작은 웹사이트가 반드시 갖춰야 하는 법적 페이지의 5가지 원칙

이름과 전화번호를 한 줄이라도 받는 순간, 작은 사이트도 「개인정보 보호법」의 적용을 받는 '처리자'가 된다. 디자인 마감처럼 미루기 쉽지만 사이트 전체를 덮어버리는 법적 페이지의 핵심을 정리한다.

2026.05.09 조회 28
프로젝트 후기

검은 거울 한 장에 백 번의 칠이 잠긴다 — 옻연(漆緣) 옻칠 공방 브랜드 사이트 제작기

옻칠한 면을 사진으로 옮기면 광이 사라진다. 충북 보은 부녀 장인의 옻칠 브랜드 옻연(漆緣)을 위해, 검정 한 색의 위계와 옻이 마르는 속도의 호흡을 그대로 옮긴 브랜드 사이트 제작기.

2026.05.09 조회 24
마케팅

한 번 우리 사이트를 거쳐 간 고객을 다시 부르는 가장 싼 채널은 메일함이다 — 소상공인 뉴스레터 시작 가이드 5가지 원칙

광고 단가는 매년 오르고 신규 고객 모집은 점점 비싸진다. 한 번 우리 사이트를 거쳐 간 고객을 다시 부르는 가장 비용효율적인 채널인 뉴스레터를, 소상공인이 처음 시작할 때 챙겨야 할 동의 절차·발신 신뢰도·발송 리듬·측정 지표까지 5가지 원칙으로 정리했다.

2026.05.09 조회 27
비즈니스

도메인은 한 번 정하면 평생 따라온다 — .com과 .co.kr, 우리 비즈니스에 맞는 선택의 5가지 기준

도메인은 단순한 주소가 아니라 브랜드의 정체성과 검색 노출 자산을 결정하는 한 번의 선택입니다. .com과 .co.kr 사이에서 사장님이 꼭 따져봐야 할 5가지 기준을 정리합니다.

2026.05.08 조회 30
마케팅

공유 버튼이 눌리는 순간이 사이트의 두 번째 첫인상이다 — 카카오톡과 페이스북 공유 미리보기를 결정하는 Open Graph 태그의 5가지 원칙

같은 링크가 누군가의 피드에서는 멋진 카드로 펼쳐지고, 다른 누군가의 카톡 대화창에서는 텍스트로만 떠 있다. 두 번째 첫인상을 결정하는 Open Graph 태그를 다섯 가지 관점으로 정리한다.

2026.05.08 조회 27
웹 개발

우리 사이트의 보안 헤더는 안녕하신가요 — CSP, HSTS, X-Frame-Options로 만드는 웹사이트 보안의 기본기

웹사이트 보안은 비싼 솔루션이 아니라 응답 헤더 몇 줄에서 시작합니다. XSS와 클릭재킹, 다운그레이드 공격을 막아 주는 5가지 핵심 보안 헤더와 깨지지 않는 도입 순서를 정리합니다.

2026.05.07 조회 30
디자인

다크 모드는 색을 반전시키는 일이 아니다 — 웹사이트 다크 테마를 제대로 설계하는 다섯 가지 원칙

흰 배경을 검정으로 바꾸면 끝날 것 같지만, 다크 모드는 빛의 방향이 정반대로 바뀐 새로운 환경이다. 순수한 검정 대신 #121212, 그림자 대신 더 밝은 면, 채도를 낮춘 컬러까지 — 다크 테마를 제대로 만드는 다섯 가지 원칙을 정리했다.

2026.05.07 조회 22
프로젝트 후기

달빛이 마루를 건너오는 시간을 화면에 담다 — 여운당(餘韻堂) 한옥 스테이 브랜드 사이트 제작기

한옥 스테이의 가치는 사진 한 장보다 머무는 시간의 결에 있습니다. 여운당 사이트는 분위기를 보여주는 데서 그치지 않고, 그 분위기가 자연스럽게 직접 예약으로 이어지도록 설계했습니다.

2026.05.07 조회 24