47밀리초. 3년 된 내 폰에서 crossword.by의 스도쿠 그리드가 선명하게 떠오르는 데 걸리는 시간이다. 4G 신호 약한 데서도 말이다.
퍼즐 사이트들이 광고 스크립트와 트래커로 숨 막히는 요즘, 이 인디 프로젝트는 확 다르다. 화려한 홍보도 VC 피치도 없다. 웹이 가져야 할 본모습만: 즉시 로드, 다국어, 산만함 제로. crossword.by는 광고 싫어하는 크로스워드 팬들의 가려움을 긁으려 시작됐지만, 내부 구조는 비대해진 프론트엔드에 맞선 큰 변화를 보여준다.
왜 crossword.by는 1999년처럼 빠른가 (좋은 의미로)
개발자는 React나 Vue 안 썼다. 무거운 프레임워크 제로. 대신: 사전 렌더링 HTML, 10KB 미만 바닐라 JS, 선명한 그리드를 위한 SVG. 캐싱? 사방에 — 단어 목록부터 해결 상태까지. HTTP Archive의 비대 보고서 읽고 “내가 해보자” 한 기분이다.
하지만 이건 향수병이 아니다. 요즘 모바일은 이게 필수다. 브라우저가 유휴 탭 스로틀링하고, 스크립트 쌓인다. 그의 하이브리드 스도쿠 생성기는 서버사이드 먼저 돌려 정적 퍼즐 뱉고, 클라이언트에서 인터랙티브 조정. 결과? 포테이토 하드웨어에서도 100ms 미만 인터랙션.
“즉시 로딩, 깔끔한 UI, 모든 기기 호환, 다국어 지원, 회원가입 없음, 산만함 제로. 이런 걸 원했다.”
딱 맞다. 대부분 사이트? 힌트 보기도 전에 모달과 동의 벽 폭격.
다국어 미로: 퍼즐을 처음부터 재설계
크로스워드는 보편적이지 않다. 영어는 짧은 단어 좋아하고, 러시아어는 길고 키릴 문자 트위스트. 개발자는 모든 걸 모듈화했다 — 언어별 사전, 힌트 패턴 메타데이터, 키즈 친화적 어휘 서브셋까지. 거대 데이터베이스 아님; 언어는 레고 블록처럼 교체.
스도쿠? 무시 마라. 제대로 된 건 로직 경로가 필요해, 브루트포스 아님. 백트래킹에 인간 추론을 흉내 내는 휴리스틱을 섞음 — 제약 전파로 데드엔드 일찍 잘라. 난이도? 힌트 수와 해결 스텝으로 측정, 추측 아님.
이 모듈러 괴물은 이상하게 잘 스케일한다. 우크라이나어 추가? 단어 목록 꽂고 검증기 조정. 레거시 사이트의 단일 언어 함정을 극복한 아키텍처.
한 마디로: 천재적이다.
인디 웹의 퍼즐 거물들에 대한 복수인가?
GeoCities 기억나나? 알고리즘 지배 전 열정 프로젝트들. crossword.by가 그 바이브 — 한 명의 개발자가 좌절을 7개 언어 지원, 로그아웃 제로로 바꿈. 내 단평: 이게 물결이다. PWA 비대해지고 CDN 감시할 때, 정적 우선 피난처 더 나올 거다. 과대평가 아님; 역사다. 초기 위키피디아 vs. 유료 백과사전처럼. 집중이 제품일 때 조용한 도구가 이긴다.
기업 퍼즐 앱? PR 포장된 도파민 덫 — 연속, 공유, 업셀. 여기? 순수 플로우 상태. 다크 패턴 없음. 타이포 숨쉬고, 컨트롤 필요할 때만 나타남.
퍼포먼스 꼬투리: SVG는 고DPI 스크린에서 빛나지만, IE11 유저(아직 있음)용 폴백 최적화. 모바일 퍼스트지만 유니버설.
몰입 깨는 건? 팝업. 애니메이션. 그의 UI? 몰스킨 페이지처럼 담백하다.
crossword.by, 팔아넘기지 않고 스케일할 수 있나?
로드맵에 유저 퍼즐, 데일리, 프린트 암시. 로그아웃 커뮤니티? 까다로움 — 해시 기반 ID나 이메일 공유? 더 많은 타입: 카쿠로? 논오그램? 생성기 유연하다.
위험: 트래픽 폭증. 정적 도와주지만, 동적 생성은 에지 컴퓨트 필요할 수. 그래도 현재 스케일 — 전 세계 유저, 서버 안 녹음 — 날씬하다.
대담 예측: 생성기 오픈소스하면 퍼즐 르네상스. Phaser 비대 싫은 개발자들이 포크해 커스텀 게임 만들 거다.
전에도 봤다 — Processing.js가 크리에이티브 코딩 낳음; 이건 로직 토이로.
직접 해봐라. 러시아 크로스워드 골라. 속도 느껴봐. 그러고 물어봐: 왜 모든 게 이렇게 빠르지 않은가?
🧬 Related Insights
- Read more: Ex-Azure Engineer’s Day 1 Bombshell: Porting Windows to a Linux Nail-Clipping Chip
- Read more: TinyGo: Finally Bringing Go to Tinies and Web
Frequently Asked Questions
crossword.by가 뭔가?
크로스워드, 스도쿠, 로직 퍼즐 사이트. 7개 이상 언어, 광고 없음, 즉시, 모바일 준비.
crossword.by가 다국어를 어떻게 처리하나?
언어별 모듈러 단어 목록과 검증기 — 사전 교체, 문자 빈도와 힌트 조정.
왜 crossword.by가 이렇게 빠른가?
최소 JS, 사전 렌더링 페이지, SVG 그리드, 공격적 캐싱. 느린 연결에서도 밀리초 로드.
