웹사이트 제작과 디지털 마케팅에 관한 이야기
웹사이트 보안은 비싼 솔루션이 아니라 응답 헤더 몇 줄에서 시작합니다. XSS와 클릭재킹, 다운그레이드 공격을 막아 주는 5가지 핵심 보안 헤더와 깨지지 않는 도입 순서를 정리합니다.
흰 배경을 검정으로 바꾸면 끝날 것 같지만, 다크 모드는 빛의 방향이 정반대로 바뀐 새로운 환경이다. 순수한 검정 대신 #121212, 그림자 대신 더 밝은 면, 채도를 낮춘 컬러까지 — 다크 테마를 제대로 만드는 다섯 가지 원칙을 정리했다.
한옥 스테이의 가치는 사진 한 장보다 머무는 시간의 결에 있습니다. 여운당 사이트는 분위기를 보여주는 데서 그치지 않고, 그 분위기가 자연스럽게 직접 예약으로 이어지도록 설계했습니다.
방짜유기 한 점이 완성되기까지의 시간을 그대로 사이트의 흐름으로 옮긴 오롯 공방 브랜드 사이트 제작기. 황금빛, 두드림, 사진 무게와 페이지 속도 사이의 줄다리기를 공유합니다.
기계가 찍어낸 도자기와는 다른 온도를 보여주고 싶다는 공방의 요청에서 시작된 사이트. 손의 흔적과 흙빛 무드를 잃지 않으면서도, 작품 한 점마다 이름과 이야기가 머무는 페이지로 풀어낸 과정을 정리했다.
같은 키워드로 검색해도 구글에선 1페이지에 뜨는 사이트가 네이버에선 흔적조차 없는 경우가 많다. 두 검색엔진은 동작 방식 자체가 다르고, 한국 고객을 잡으려면 네이버만의 노출 규칙을 따로 챙겨야 한다.
닥나무 껍질을 두드려 만드는 한지의 결을, 빠르게 스쳐 가는 디지털 화면에 어떻게 옮길 수 있을까. 한지 공방 '닥(DAK)'의 브랜드 사이트는 그 질문에서 출발했다.
한글 제목 끝에 한두 글자만 외롭게 다음 줄로 떨어지는 문제, CSS 한 줄로 해결할 수 있다. text-wrap: balance와 pretty는 자바스크립트 없이 한글 웹사이트의 줄바꿈을 자동으로 정돈해 주는 새 표준이다.
사용자가 다시 들어왔을 때 페이지가 더 빠르게 뜨는지, 매번 처음과 똑같이 무거운지는 코드가 아니라 응답 헤더 한 줄에서 갈립니다. Cache-Control과 ETag의 기본기만 잡아도 재방문 속도가 달라집니다.