스크랩

56k.rip: 브라우저에서 다시 만나는 1996년 전화 접속 인터넷

56k.rip: 브라우저에서 다시 만나는 1996년 전화 접속 인터넷

한눈에 보기

56k.rip은 1996년의 인터넷 접속 경험을 브라우저 안에서 그대로 재현한 웹 프로젝트입니다. 가상 데스크톱에서 Dial-Up Networking을 열고, 모뎀이 전화를 걸어 핸드셰이크를 마치면 비로소 홈페이지가 열립니다. 핵심은 '분위기만 흉내 낸 연출'이 아니라, 선택한 회선 속도를 실제 전송량으로 제한하는 진짜 느림의 시뮬레이션이라는 점입니다.

  • 14.4k / 28.8k / 56k 중 회선 속도를 선택하면, 그 속도에 맞춰 페이지 전송 바이트가 제한됩니다
  • 느린 회선을 고르면 같은 페이지를 보는 데 실제로 더 오래 걸립니다
  • 계정 없이 바로 이용할 수 있고, 데이터는 사용자 브라우저 안에만 저장됩니다
  • JavaScript가 필요하며, 소리를 켜고 체험하는 것을 권장합니다

연결부터 끊김까지, 모뎀 체험의 재현

데스크톱에서 Dial-Up Networking을 실행하면 다음 순서가 그대로 펼쳐집니다.

  1. 수화기를 드는 클릭음
  2. 전화번호를 누르는 다이얼 톤
  3. 약 20초간의 핸드셰이크 (그 유명한 모뎀 소리)
  4. 홈페이지가 텍스트 블록 단위로 조금씩 나타남

여기서부터가 진짜입니다. 사진은 기다리는 동안 한 줄씩 위에서 아래로 선명해지고, 다운로드는 느릿느릿 진행되다가 대부분 실패합니다. 그리고 결정적인 순간에 — 집 안의 누군가가 다른 전화기를 들면서 접속이 끊깁니다. 전화선 하나를 온 가족이 공유했던 시절을 겪어본 분이라면 이 대목에서 묘한 감정이 들 수밖에 없습니다.

1996년의 콘텐츠들

재현된 것은 접속 과정만이 아닙니다. 작은 1996년식 온라인 서비스 안에 당시 웹의 전형적인 풍경이 담겨 있습니다.

  • 취미 페이지: 낚시, 요리
  • 커뮤니티: 방명록, 웹링(webring), 생활 광고, '스쳐 지나간 인연 찾기'
  • 정보 페이지: 날씨, TV 편성표, 그리고 "인터넷이란 무엇인가"를 설명하는 글
  • 서비스: 메일, 채팅 로비
  • 기본 프로그램: 지뢰찾기, 카드 게임, 그림판, 명령 프롬프트, 여러 종류의 화면 보호기

'인터넷이 무엇인지 설명하는 페이지'가 당연히 존재했다는 사실이, 그 시절의 공기를 가장 잘 보여주는 디테일일지도 모릅니다.

기술적으로 흥미로운 구현 방식

개발자 관점에서 이 프로젝트가 특히 재미있는 지점은 에셋을 거의 쓰지 않았다는 점입니다.

| 요소 | 구현 방식 | | --- | --- | | 효과음 | 작성된 악보를 바탕으로 브라우저에서 합성 | | 모뎀 핸드셰이크 | 예외적으로 실제 모뎀 녹음 사용 | | 이미지 | 절차적으로 생성 후 216색 웹 안전 팔레트로 변환 | | 속도 제한 | 선택한 회선의 바이트 전송 한도를 모든 페이지에 적용 |

소리를 미리 녹음해 두는 대신 악보에서 합성하고, 이미지를 파일로 넣는 대신 절차적으로 생성한 뒤 웹 안전 팔레트로 다운샘플링했습니다. 느린 회선을 재현해야 하는 프로젝트가 정작 에셋 용량 부담을 최소화하는 방향으로 만들어진 셈인데, 결과적으로 시대적 질감과 구현 효율을 동시에 챙긴 선택입니다. 216색 팔레트 변환은 당시 브라우저의 색 표현 한계를 그대로 따라간 고증이기도 합니다.

왜 해볼 만한가

단순한 복고 감성 프로젝트로 보기엔 아깝습니다. 요즘 우리가 당연하게 여기는 것들 — 상시 연결, 무시해도 되는 로딩 시간, 실패하지 않는 다운로드 — 이 전부 불과 30년 전에는 당연하지 않았다는 사실을 몸으로 체감하게 해줍니다. 웹 성능 최적화를 고민하는 개발자라면, 바이트 단위를 아껴야 했던 시절의 제약 조건을 직접 겪어보는 것만으로도 꽤 신선한 자극이 될 것입니다.

체험 전 체크리스트:

  • [ ] JavaScript 활성화 후 페이지 새로고침
  • [ ] 소리 켜기 (모뎀 핸드셰이크가 핵심입니다)
  • [ ] 첫 체험은 14.4k로 — 가장 정직하게 고통스럽습니다

원문: https://news.hada.io/topic?id=34593