트렌드

드롭다운 하나 띄우려고 모달 라이브러리를 통째로 깐다 — Popover API가 자바스크립트 없이 팝업·메뉴·툴팁을 여는 시대

메뉴 하나, 알림 배너 하나를 띄우려고 무거운 팝업 라이브러리를 통째로 설치하던 시대가 저물고 있습니다. 브라우저에 기본 탑재된 Popover API로 작은 회사 웹사이트가 어떻게 가벼워지는지 정리했습니다.

2026.05.31 조회 14
프로젝트 후기

명주실 한 타래가 수백 번 조여 한 점의 매듭이 된다 — 올결(絲結) 매듭공예 공방 브랜드 사이트 제작기

앞뒤가 똑같이 맺혀야 비로소 완성되는 매듭처럼, 공방의 색과 손길을 화면 어느 쪽에서 봐도 흐트러지지 않게 옮기려 했던 두 달의 기록이다.

2026.05.31 조회 8
웹 개발

카톡에 우리 사이트 링크를 보냈더니 회색 네모만 떴다 — 작은 회사가 링크 미리보기(OG 태그)를 챙기는 5가지 원칙

카카오톡이나 SNS에 사이트 주소를 공유했을 때 썸네일도 제목도 없이 휑한 링크만 뜨는 경우가 많다. 링크 미리보기를 결정하는 Open Graph 태그를 작은 회사가 직접 챙기는 5가지 원칙을 정리했다.

2026.05.31 조회 13
마케팅

방문자는 늘었다는데 통장은 그대로다 — 작은 회사가 GA4로 고객이 새는 구멍을 찾는 5가지 원칙

방문자 숫자만 들여다보다 정작 매출로 이어지는 길목을 놓치는 사장님이 많다. 무료 도구 GA4로 고객이 어디서 빠져나가는지 짚어내는 5가지 실전 원칙을 정리했다.

2026.05.30 조회 12
비즈니스

3년 전 만든 사이트가 요즘 고객 눈엔 '오래된 가게'처럼 보인다 — 작은 회사가 홈페이지 리뉴얼 시점을 판단하는 5가지 신호

홈페이지를 새로 만들지, 지금 걸 손볼지 고민될 때. 작은 회사 사장님이 리뉴얼 타이밍을 객관적으로 판단할 수 있는 다섯 가지 신호를 정리했습니다.

2026.05.30 조회 12
마케팅

15초짜리 영상 하나가 전단지 천 장보다 멀리 간다 — 작은 회사가 숏폼(릴스·쇼츠)으로 신규 고객을 만드는 5가지 원칙

릴스와 쇼츠는 팔로워가 적어도 영상 한 편이 수만 명에게 닿을 수 있는 거의 유일한 채널입니다. 장비도 편집 인력도 없는 작은 회사가 숏폼으로 신규 고객을 데려오는 5가지 실전 원칙을 정리했습니다.

2026.05.30 조회 9
웹 개발

주소창에 '주의 요함'이 뜨자 고객이 결제 버튼 앞에서 등을 돌렸다 — 작은 회사 웹사이트가 HTTPS·SSL 인증서를 챙기는 5가지 원칙

주소창의 자물쇠 아이콘 하나가 고객의 신뢰를 가른다. 작은 회사가 SSL 인증서 만료와 혼합 콘텐츠 같은 함정을 피하고 안전한 사이트를 유지하는 5가지 원칙을 정리했다.

2026.05.30 조회 9
프로젝트 후기

대나무 한 마디가 백 갈래 살로 갈라져 한 자루의 바람이 된다 — 살결(扇結) 합죽선 공방 브랜드 사이트 제작기

전주에서 3대째 합죽선을 만드는 공방의 브랜드 사이트를 만들며, 살의 펼침과 합죽의 결을 화면의 호흡 안으로 옮기려 했던 과정을 정리했다.

2026.05.29 조회 7
트렌드

스크롤 효과 하나 넣자고 라이브러리 다섯 줄을 새로 깐다 — Scroll-driven Animations가 자바스크립트 없이 페이지를 스크롤에 맞춰 살아 움직이게 하는 시대

GSAP, AOS, Intersection Observer로 짜던 스크롤 인터랙션이 이제 CSS 한 줄로 끝난다. animation-timeline이 작은 회사 사이트의 스크롤 경험을 어떻게 바꾸는지 정리했다.

2026.05.29 조회 13