90년대 GIF 아이콘, 현대 웹으로 부활시키다

원본 웹사이트는 서버 사이드 이미지맵(Server-side Image Map)을 사용하여 각 아이콘 링크를 구현했습니다. 이는 클릭 좌표를 서버로 전송하여 리디렉션을 유발하는 방식으로, 클라이언트 측 URL(Client-side URL) 정보가 없어 직접적인 아이콘 파일 접근이 불가능했습니다. MDN에서도 접근성 문제(Accessibility Issues)로 사용을 권장하지 않는 오래된 기술입니다. 이로 인해 수동 클릭 외에는 아이콘을 추출할 방법이 제한적이었습니다.

개발자는 각 아이콘이 8x8 그리드에 배치되고, 각 영역이 72x89 픽셀임을 파악했습니다. 이를 기반으로 각 영역의 중심 좌표를 계산하고, HTTP HEAD 요청을 통해 리디렉션되는 Location 헤더에서 실제 아이콘 URL을 추출하는 방식을 사용했습니다. 이 과정은 자동화된 스크립트(Automated Script)를 통해 수천 개의 GIF 파일 URL을 효과적으로 수집하는 데 성공했습니다.

추출된 아이콘들은 Ruby와 ERB 템플릿을 사용한 정적 사이트 생성기(Static Site Generator)를 통해 새로운 웹사이트로 재구축되었습니다. 이 과정에서 서버 사이드 이미지맵 대신 클라이언트 사이드 검색(Client-side Search) 기능을 도입하고, 페이지네이션을 적용하여 사용자 경험을 크게 개선했습니다. 이는 현대 웹 기술의 발전이 레거시 아카이브의 접근성을 어떻게 향상시킬 수 있는지 보여주는 사례입니다.

댓글에서는 GeoCities 아카이브의 GIF 추출 및 시각화 프로젝트 등 유사한 아카이빙 노력들이 언급되었습니다. 이는 오래된 디지털 자산의 보존과 접근성 확보가 개발자 커뮤니티에서 중요한 관심사임을 시사합니다. 특히 인터넷 아카이브(Internet Archive)의 역할과 함께, 이러한 프로젝트들이 디지털 헤리티지(Digital Heritage)를 미래 세대에 전달하는 데 기여한다는 점이 강조되었습니다.