트렌드

같은 카드가 넓은 본문에선 멀쩡한데 좁은 사이드바에 끼자 글자가 뭉개진다 — 컨테이너 쿼리가 '화면 말고 제 그릇을 보고 맞추는' 반응형의 시대

미디어 쿼리는 화면 전체 크기만 잽니다. 하지만 같은 요소가 어느 자리에 놓이느냐에 따라 필요한 모양은 달라집니다. 컨테이너 쿼리가 이 오래된 어긋남을 어떻게 풀어내는지 살펴봅니다.

2026.07.12 조회 10
비즈니스

손님이 예약하려 전화를 걸었다 통화 중 신호에 그대로 옆 가게로 넘어간다 — 작은 회사 홈페이지 온라인 예약이 새는 매출을 막는 법

전화 예약만 받으면 영업시간 밖의 손님과 통화 중에 걸려 온 손님을 소리 없이 놓칩니다. 작은 가게가 큰 비용 없이 홈페이지에 온라인 예약을 붙이는 현실적인 방법과, 그것이 매출로 이어지는 이유를 정리했습니다.

2026.07.12 조회 12
웹 개발

손님 열에 한 사람은 소리로 웹을 듣고 손끝 대신 키보드로 화면을 넘기는데, 우리 홈페이지는 그 손님에게 아무 말도 건네지 못한다 — 작은 회사 웹사이트 웹 접근성(누구나 쓰는 화면) 설계의 5가지 원칙

웹 접근성은 장애가 있는 손님만을 위한 배려가 아니라, 나이 든 눈·햇빛 아래 휴대폰·마우스 없는 상황까지 아우르는 기본기입니다. 작은 회사가 지금 당장 챙길 수 있는 5가지를 정리했습니다.

2026.07.12 조회 19
프로젝트 후기

구리와 주석이 한 도가니에서 녹아 붙고 열한 사람의 메질이 불덩이를 돌려 가며 두드려 놋그릇 한 벌로 펴진다 — 쇳결(鍮結) 경북 김천 방짜유기 공방 브랜드 사이트 제작기

3대째 놋그릇을 두드려 온 경북 김천 방짜유기 공방. 쇠가 품은 은은한 빛과 항균의 쓸모를 화면 위에서 어떻게 전할 것인가, 그 물음에서 시작한 브랜드 사이트 제작기입니다.

2026.07.11 조회 12
프로젝트 후기

전복 껍데기 한 조각이 실톱에 잘게 오려져 옻칠 속에 잠겼다 열두 번 갈려 나오며 오색 빛을 되쏜다 — 빛결(螺結) 원주 나전칠기 공방 브랜드 사이트 제작기

자개를 오려 붙이고 옻을 올려 갈아내는 나전칠기. 원주 나전칠기 공방 '빛결'의 보는 각도마다 달라지는 자개빛을 어떻게 화면에 옮겼는지, 사이트 제작 두 달의 기록이다.

2026.07.11 조회 15
웹 개발

손님은 3초를 못 넘겨 떠나는데 첫 화면은 아직도 그리는 중이다 — 작은 회사 웹사이트 로딩 속도를 끌어올리는 5가지 원칙

로딩이 1초 늦어질 때마다 손님은 조용히 뒤로 가기를 누른다. 작은 회사가 큰돈 들이지 않고 웹사이트 속도를 되찾는 다섯 가지 실전 원칙을 정리했다.

2026.07.11 조회 21
비즈니스

제작사와 연락이 끊기자 도메인도 홈페이지도 통째로 남의 손에 잠긴다 — 작은 회사가 홈페이지 소유권(도메인·호스팅·계정)을 자기 손에 쥐는 5가지 원칙

홈페이지를 맡겼다가 제작사가 잠적하면 도메인·호스팅·관리자 계정이 한꺼번에 묶여 손도 못 댑니다. 처음부터 소유권을 내 이름으로 쥐어 두는 5가지 기준을 정리했습니다.

2026.07.11 조회 19
디자인

손님 열에 여덟은 휴대폰으로 보는데 화면은 PC 기준으로만 짜여 글자가 깨알만 하고 버튼이 손끝을 빗나간다 — 작은 회사 웹사이트 모바일 반응형(화면 자동 맞춤) 설계의 5가지 원칙

손님 대부분이 휴대폰으로 홈페이지를 찾는 시대, PC 기준으로만 짠 화면은 글자가 작아지고 버튼이 손끝을 빗나가 손님을 놓친다. 작은 회사 웹사이트가 어느 기기에서도 또렷하게 보이도록 만드는 모바일 반응형 설계의 5가지 원칙을 정리했다.

2026.07.10 조회 21
웹 개발

주소창에 '주의 요함' 붉은 딱지가 붙어 손님이 사기 사이트로 오해하고 그대로 창을 닫는다 — 작은 회사 웹사이트가 HTTPS(보안 자물쇠)를 갖추는 5가지 원칙

주소창의 자물쇠 하나가 손님이 머물지 떠날지를 가른다. 작은 회사가 HTTPS를 제대로 켜고 끊김 없이 유지하는 5가지 실무 원칙을 정리했다.

2026.07.10 조회 21