develophil님의 포스트

보드게임메이트에 Meta의 Astryx를 적용해봤습니다

지난번 소개했던 보드게임메이트의 화면을 정리했습니다.

두 아이와 보드게임을 하며 만든 서비스인데, 기능을 하나씩 붙이다 보니 화면마다 버튼과 카드의 모양이 조금씩 달라져 있었습니다.

이번에는 Meta의 오픈소스 디자인 시스템 Astryx를 적용했습니다. 따뜻한 바탕과 녹색을 쓰는 Matcha 테마를 바탕으로, 버튼·입력창을 맞추고 정보가 보이는 순서도 손봤습니다.

가장 크게 바꾼 건 홈입니다.

긴 소개와 메뉴를 먼저 보여주던 화면에서, 가족에게 맞는 게임을 찾는 버튼과 실제 게임 사진이 먼저 보이도록 바꿨습니다.

다른 탭도 함께 정리했습니다.

• 검색: 나이·인원·시간을 바로 고르고, 사진·제목·컬렉션 버튼이 겹치지 않도록 카드 배치를 정리했습니다.
• 랭킹: 순위와 게임 이미지를 함께 보여주고, 분류 탭과 목록의 스타일을 맞췄습니다.
• 도구: 용도별 아이콘과 설명을 붙이고, 게임 이름으로 점수 계산기를 찾기 쉽게 다듬었습니다.
• 점수표: 입력칸을 키우고, 합계와 현재 선두가 더 잘 보이도록 했습니다.

적용하면서 느낀 점도 있습니다.

공통 테마를 연결해도 각 페이지에 예전 스타일이 남아 있으면 통일감이 생기지 않더라구요. 처음에는 홈 중심으로 바꿨다가, 검색·랭킹·도구 본문까지 다시 살펴보고 정리했습니다.

아직 사용성이 얼마나 좋아졌는지는 더 확인해봐야 합니다. 이번에는 “처음 들어온 사람이 무엇을 눌러야 할지 조금 더 쉽게 알 수 있는 화면”을 목표로 했습니다.

직접 써보시고, 게임을 찾거나 도구를 여는 과정에서 헷갈리는 부분이 있으면 알려주세요. 특히 아이와 함께 보드게임을 하시는 분들의 의견이 궁금합니다.

https://boardgamemate.com

김치찌개가 제일 비싼 곳은 서울이 아니라 대전이었습니다 - 근거가 보이는 랭킹 사이트를 만들었습니다

김치찌개백반이 가장 비싼 지역은 어디일까요?

저는 당연히 서울일 줄 알았습니다. 한국소비자원 참가격 자료(2026년 10월)를 보면 1위는 대전(10,600원)이고, 서울(8,846원)은 조사된 16개 시도 중 10위입니다. 세종은 조사 대상에 없습니다.

평소에도 궁금한 걸 데이터로 정리하고 비교해 보는 걸 좋아합니다.
처음 아이디어는 ‘갑돌이와 갑순이’였어요. “이 분야의 갑은 뭘까?” 하는 질문에서 출발해서, 대한민국의 온갖 랭킹을 한곳에서 보고 싶었습니다.

여기에 요즘 해외에서 한국이 인기라는 이야기를 자주 들으면서 “정말 얼마나 관심을 받고 있을까?” 하는 궁금증도 생겼습니다. 사람들이 좋아하는 것과 실제 숫자로 확인할 수 있는 것을 함께 살펴보고 싶었고, 그 호기심을 하나씩 모아보려 합니다.

그래서 Rankorea를 만들었습니다.

👉 Rankorea 둘러보기

순위를 세 종류로 나눠서, 섞지 않습니다

종류	누가 만드나	예시
데이터 랭킹	공식통계 — 출처·기준월 표시	김치찌개 지수, 방한 외래객 국적별, 서울 지하철 혼잡역
편집 TOP 5	Rankorea가 고르고, 고른 이유를 씀	해장 메뉴: 국밥 → 해장국 → 콩나물국 → 라면 → 냉면
방문자 원픽	이 사이트 방문자의 투표	“해장으로 무엇을 먹을까?” 투표

같은 페이지에 편집 TOP 5와 방문자 투표가 같이 있어도, 화면에서 둘을 분리하고 “이건 편집자 선정이지 많이 고른 순서가 아닙니다”라고 적어 둡니다. 편집 TOP 5에 없는 후보도 투표에는 그대로 남아 있습니다.

지금은 데이터 랭킹 16종, 원픽 69종이 올라가 있습니다.

운영하면서 지키는 원칙 몇 가지

• 표를 채우지 않습니다. 투표 수가 적어 보여도 직접 표를 넣지 않습니다. 지금 대부분의 원픽은 솔직히 아직 표가 거의 없습니다.
• 통계는 출처 페이지의 이용 조건부터 봅니다. 공공누리 제1유형처럼 재사용이 명확히 허용된 자료만 씁니다. 그래서 하고 싶은데 못 만든 랭킹도 꽤 됩니다.
• 한계를 같이 적습니다. 모든 랭킹에 “이 지수가 어떻게 만들어지고, 어떤 한계가 있는지” 방법론 페이지가 붙어 있습니다.

앞으로 손볼 것

• 매달 갱신되는 통계(외식비, 방한객, 지하철 등)의 “이번 달 무엇이 바뀌었나”를 더 잘 보여 주기
• 원하는 랭킹을 더 빨리 찾는 탐색·공유 경험
• 실제로 들어온 제안을 기능으로 옮기기 — 예를 들어 “올리브영 매장 지도”는 방문자 한 분의 제안에서 시작됐습니다. 이 과정은 다음 글에서 따로 쓸게요.

부탁 하나

“한국에 대해 이런 것도 순위로 비교해 보고 싶다” 싶은 게 있으면 댓글로 남겨 주세요.

공식통계로 만들 수 있는지, 아니면 원픽 투표가 맞는지 확인해서 답글로 알려드리겠습니다.

아이와 보드게임 하다 막힌 세 가지

https://boardgamemate.com

Why — 왜 만들었나

어린 두 아이와 보드게임을 자주 합니다. 하다 보니 세 군데서 계속 막혔습니다.

1. 우리 아이 수준에 맞는 게임을 고르기가 어렵다
2. 재미있어 보여서 산 게임의 룰북이 어렵다
3. 점수를 매번 종이에 적어야 한다

이 셋이 출발점입니다.

기능을 추가할지 판단할 때 세 가지를 순서대로 묻습니다. 위 셋 중 무엇에 답하는가, 찾기·도구·이해 중 어느 갈래인가, 그리고 아이와 함께 쓸 수 있는가. 입문자와 아이가 기준이고, 하드코어 게이머용 기능은 그다음입니다.

What — 지금은 무엇인가

게임하다 멈추게 되는 순간마다 열어보는 사이트입니다.

• 게임 150여 종의 규칙 요약과 검색. 그중 32종은 도식과 FAQ까지 붙인 심화 가이드입니다
• 점수 계산기 31종 + 어떤 게임이든 쓰는 범용 점수표
• 진행 도구 14종 (선 정하기, 턴 타이머, 체스클락, 덱 추적기 등)
• "오늘 2인인데 뭐 하지" 같은 인원별·상황별 추천

설치도 회원가입도 없습니다. 기록은 브라우저에만 남습니다.
폰을 테이블에 놓고 쓰는 용도라 모바일을 먼저 맞췄습니다.
한국어와 영어를 지원합니다.

How — 어떻게 만드나

• 영문 공식 룰북, 한국어 공식 룰북, 위키피디아, BoardGameGeek 을 기반으로 가이드 내용을 도식화하여 정리합니다. 보유게임은 직접 사진 촬영 후 반영합니다.
• 점수 로직은 공식 룰북을 직접 확인하고 테스트 코드를 붙인 뒤에만 공개합니다
• 규칙 검증 상태를 세 등급으로 표시합니다. 2차 자료 교차 확인 / 공식 룰북 원문 대조 / 보유자가 실물로 검수
• 가이드 품질 하한선은 스크립트가 검사합니다. 룰북 출처 없이 "룰북 대조" 등급을 붙인 등급 사칭, 도식 0개, FAQ 3개 미만이면 빌드가 실패합니다
• 랭킹·게임 정보는 BoardGameGeek 데이터를 씁니다. API 정식 사용 승인을 받았습니다.

Next — 고도화 방향

이 서비스 하나로 연령별, 상황별 적합한 보드게임을 쉽게 찾을 수 있어야 합니다.
게임 방법을 쉽게 이해할 수 있어야 합니다.
게임 진행에 도움이 되는 도구들을 활용하여 즐거운 시간을 보낼 수 있어야 합니다.

결국, 보드게임 관련된 모든 것을 찾기 쉽고 활용하기 편하게 제공하고자 합니다.

지금은 연령별로 찾는 페이지를 준비하고 있습니다.
어릴수록 카탈로그가 비어 있어서 데이터부터 채우는 중입니다.

마지막으로

아직 사용자가 거의 없는 초기 단계입니다.
써보시고 이상한 점이나 필요한 기능을 알려주시면 그게 다음 작업 순서가 됩니다.
특히 규칙 요약에서 틀린 부분을 발견하시면 꼭 말씀해주세요.

다들 보드게임 재미있게 즐기시길 바라겠습니다.

https://boardgamemate.com