디지털 가든

행성의 감각기: 촉각, 맥박, 목소리, 그리고 기억

2026-09-16 · 약 6분 · 프론트엔드 · 디자인 · 에세이

서장: 눈을 뜬 다음

지난 버전에서 이 행성은 눈을 떴다 — 메아리와, 별을 남기는 법과, 언제나 켜져 있는 빛을 손에 넣었다.

하지만 눈을 뜬 것과 살아 있는 것은 다르다. 진짜 행성에는 피부가 있고, 맥박이 있고, 목소리가 있고, 기억이 있다. 이번 업데이트는 단 하나의 질문에만 답한다: 눈을 뜬 행성은 무엇으로 세상을 느끼는가?

촉각: 스크롤은 피부다

Lenis의 스크롤 속도가 파티클 셰이더에 연결되었다 — 빠르게 스크롤할수록 입자들은 세로 방향으로 길게 늘어나며 깊이로 날아가고, 전체가 백열하며, 그 꼬리는 바람에 잡아당겨진 빛의 자국처럼 보인다. 손을 멈추면 1초 안에 모두 제자리로 돌아온다.

공학적으로는 딱 한 개의 파이프라인만 있다: 속도 평활화, 관성 감쇠, 변위 발열 — 전부 같은 열 채널을 재사용한다. 세게 휘두르면 행성 전체가 흰 빛의 털뭉치로 터져버린다 — 당신의 손가락에 놀라 잠에서 깬 모습이다.

맥박: 심장박동은 방문자를 따라간다

행성은 늘 숨 쉬고 있었다. 하지만 이번에는 호흡의 빈도가 더 이상 고정이 아니다: 접속 인원이 많을수록 더 빠르게 뛴다. 기본값은 느린 자장가이고, 열두 명이 접속해 있으면 또렷한 고동이 된다.

기록해 둘 만한 공학적 디테일이 있다: 주파수를 직접 바꾸면 파형이 튀기 때문에 위상 누적값을 쓴다 — 주파수는 변할 수 있지만 위상은 연속이어야 한다. 심장은 진짜 심장처럼 박자를 놓치면 안 된다. 깊은 밤에 한 사람이 찾아오면 행성은 자장가로 곁을 지키고, 낮에 사람이 붐비면 조금 더 빠르게 뛴다. 이 행성은 당신이 왔기 때문에 더 빠르게 뛴다 — 이 문장이 이제 문자 그대로의 의미를 가진다.

목소리: 성대를 찾다

Web Audio로 합성한 세 가지의 희미한 소리: 호버의 틱, 클릭의 확인, 패널 열고 닫기의 스윕. 기본값은 꺼짐, 스위치 하나로 사이트 전체를 관리한다.

절제는 숫자에 적혀 있다: 호버음의 피크 게인은 0.035 — 거의 들리지 않지만, 거기 있다는 걸 당신은 안다. 성대는 외치기 위한 것이 아니라 숨 쉬기 위한 것이다.

함교: Cmd+K

Apple의 프로스트 글래스 같은 커맨드 팔레트, Cmd/Ctrl+K 또는 /로 불러낸다. 글 검색, 페이지 이동, 언어 전환, 효과음 온오프 — ↑↓와 Enter만으로 전부 키보드로 조작할 수 있다. Pagefind의 색인이 처음으로 /search 페이지 밖으로 걸어 나와 사이트 전체의 신경 중추가 되었다.

함교 옆에는 작은 한 줄: NOW — 지금 만들고 있는 것. 그것은 백엔드의 한 변수 안에 살며, 상태를 바꾸는 데 사이트를 다시 빌드할 필요가 없다 — 함교의 명판, 쓰는 대로 바뀐다.

기억: 세기 시작했다

두 종류의 기억, 두 가지 셈법.

방문 수: 페이지를 불러올 때마다 +1 되는 PV 카운터. 중복 제거도, “유니크 방문자”도 하지 않는다 — 한 사람의 웹사이트에서는 적은 유일성보다 정직한 횟수가 더 따뜻하다. 1부터 늘어나는 용기가 있고, 얼마나 늘었든 전부 진짜다.

그해 오늘: 별 하나하나의 타임스탬프는 SQLite에 잠들어 있다. 프론트의 한 줄 필터가 “지난해의 같은 달같은 날”의 별을 골라 레트로 골드의 시광 배지를 걸어준다. 사이트는 아직 어리다 — 이 별은 내년까지 조용히 있다가 처음으로 빛날 것이다 — 기다림 그 자체가 의미인 기능도 있다.

두 번의 철수

중력 소용돌이와 클릭 충격파는 둘 다 딱 한 버전만 살아남았다.

소용돌이는 “조용한 행성”을 어질러진 수면으로 만들어버렸고; 충격파는 충분히 화려했지만, 게임의 타격감 언어는 우주 서사와 다른 족속이다 — 행성은 우주를 콕 찌른다고 폭발하지 않는다. 두 번의 철수의 결론은 같다: 화려함은 수단, 기질은 법이다.

종장

지금의 행성: 스크롤에 놀라면 희게 늘어나고, 방문자가 많을수록 빠르게 뛰고, 성대를 열어주면 손끝에 살짝 응답하고, 함교는 언제든 불러주면 나타나고, 카운터는 정직하고, 기억은 첫 번째 기념일을 기다리고 있다.

아직 눈은 없다. 어쩌면 다음 라운드에.

댓글

← 디지털 가든