웹사이트 제작과 디지털 마케팅에 관한 이야기
모달, 드롭다운, 툴팁을 만들기 위해 라이브러리를 끌어다 쓰던 시대가 저물고 있습니다. HTML 표준에 들어온 Popover API는 두 줄의 속성만으로 접근성과 키보드 인터랙션까지 한꺼번에 해결해 줍니다.
Speculation Rules API는 다음 페이지를 미리 가져오고 미리 렌더링해 클릭 즉시 화면을 띄운다. 2026년 표준이 된 이 기술이 어떻게 체감 속도를 바꾸는지, 그리고 우리 사이트에 어떻게 적용할지 정리했다.
사람을 대신해 우리 사이트를 클릭하고 양식을 채우는 AI 에이전트의 시대가 이미 시작됐다. 시맨틱한 구조와 의도가 분명한 인터페이스가 SEO 다음의 새로운 최적화 기준이다.
10년 넘게 미디어 쿼리는 반응형 웹의 표준이었습니다. 그러나 뷰포트가 아니라 '놓인 자리'에 반응하는 Container Queries가 이제 모든 주요 브라우저에서 지원되며 반응형의 기준 자체를 다시 쓰고 있습니다.
GSAP나 ScrollMagic 같은 무거운 라이브러리 없이도 프로 퀄리티의 스크롤 애니메이션을 CSS 한 줄로 구현할 수 있게 됐습니다. 2026년, 모든 주요 브라우저에 안착한 Scroll-driven Animations의 원리와 실무 활용법을 정리했습니다.
클릭할 때마다 화면이 뚝뚝 끊기던 웹사이트의 시대가 저물고 있습니다. 브라우저에 새로 들어온 View Transitions API 한 줄이면, 앱 같은 부드러운 페이지 전환을 웹에서도 구현할 수 있습니다.
ChatGPT·Claude·Perplexity가 웹사이트를 읽는 방식이 달라지고 있다. 검색엔진 시대의 robots.txt를 보완하는 새 표준, LLMs.txt가 왜 2026년 웹사이트의 필수 파일이 되어가는지 살펴본다.
Chrome과 Edge가 브라우저 자체에 AI 모델을 내장하기 시작했다. 서버 호출 없이도 번역·요약·텍스트 생성을 처리하는 시대가 열리면서 웹사이트 설계의 전제가 조용히 바뀌고 있다.
Apple, Google, Microsoft가 모두 지원하고 넷플릭스·쿠팡·네이버까지 도입하기 시작한 Passkeys. 비밀번호 없는 로그인이 왜 2026년 웹사이트의 새로운 표준이 되어가고 있는지, 어떻게 준비해야 하는지 살펴본다.