자바스크립트 끄고 윈도우7 쓰는 괴짜 유저들을 위해 순수 CSS로 그래프 만든 개발자
핵심 요약
- GOG 가격 추적 사이트 GameSieve 개발자가 순수 CSS로 가격 변동 그래프를 개발한 배경을 공유했습니다.
- 방문자의 60%가 파이어폭스를 쓰고 상당수가 자바스크립트를 끄거나 윈도우 7을 쓰는 등 프라이버시에 극도로 민감한 유저층 특성에 맞췄습니다.
- 스크립트가 제한된 레거시 브라우저 환경에서도 완벽히 작동하도록 순수 CSS 구현 방식을 택했습니다.
번역 최근 GameSieve에 추가된 순수 CSS 가격 변동 그래프 개발에 관해 두서없이 몇 마디 끄적여볼까 합니다. 약간 편집하긴 하겠지만, 대체로 의식의 흐름대로 자유롭게 적어내려갈 예정이며 구현 과정에서 문득 떠오른 흥미로운 점들을 다뤄보겠습니다.
배경 설명을 드리자면, GOG는 완전한 DRM 프리 PC 게임을 판매하는 온라인 스토어입니다. 그리고 GameSieve는 GOG 카탈로그를 위한 제 개인 가격 추적기이자 대체 프론트엔드 서비스죠.
GOG 유저층은 꽤 독특하고 프라이버시에 대단히 민감합니다. 제 사이트 방문자의 약 60%가 파이어폭스(Firefox)를 사용하고 있습니다. 심지어 자바스크립트(JavaScript)를 아예 비활성화해 둔 유저의 비율도 눈에 띌 정도로 높습니다.
게다가 비율은 조금 더 낮지만 여전히 무시할 수 없을 만큼 많은 유저들이 전용 윈도우 7(Windows 7) 게이밍 머신을 유지하고 있습니다. 이는 브라우저로 파이어폭스 115 버전(또는 아주 드물게 크롬 109 버전)을 쓴다는 뜻입니다.
따라서 저는 이 두 사용자 그룹 모두에서 제대로 작동할 수 있는 무언가를 개발해야 했습니다. (예시 페이지: gamesieve.com/game/x4_foundations) 1/11
Sponsored · 광고