# 모임 운영 앱

# 만들게 된 계기

동기부여를 위해 현재 나에게 가장 필요한 서비스를 구상했어.
새로운 체험을 좋아해서 모임, 스터디를 자주 하는 편이야.
모임장, 운영진을 하면서 제일 귀찮은 게 **출석 체크, 입금 관리**였어.
주로 노션과 엑셀을 사용하는데 모바일에서는 사용하기 불편하더라.
쉽게 모임을 관리할 수 있는 앱을 만들고 싶어.

# 핵심 가치

1. 노션과 엑셀보다 편할 것

    1. '복잡해, 그냥 쓰던 거 그대로 쓰는 게 더 낫네'라는 반응이 나오지 않을 만큼 쉬울 것

    2. 모바일에서 조회, 편집이 편리할 것

    3. 여러 명의 운영진이 함께 쓸 수 있을 것

2. 소모임, 은행 등 다른 앱의 정보를 쉽게 옮겨올 것

    1. 예1) 소모임 앱의 모임 출석 데이터 연동

    2. 예2) 입금 정보 이미지를 읽어서 입금자명을 대조 

# 만드는 과정

Claude에게 핵심 가치, 기술 스택, MVP 기능 등을 문서로 써달라고 요청했어.
초안을 보고 잘 모르는 내용은 질문하고, MVP와 맞지 않는 내용은 수정했어.

![Image](https://upload.cafenono.com/image/slashpagePost/20260613/143525_cTt2NO0y8x3q3oxKWw?q=80&s=1280x180&t=outside&f=webp)

그리고 문서를 토대로 메인 화면을 만들어 달라고 했어.

![Image](https://upload.cafenono.com/image/slashpagePost/20260613/143700_17XP9sOMmTvwmqcPEd?q=80&s=1280x180&t=outside&f=webp)

여러 번 요청해서 여러 버전의 화면을 만들었어.
화면의 퀄리티를 떠나서 쓸데없는 UI나 뜬금없는 기능이 많았어.
(사실 디자인이 별로라서 제일 충격 받았어🫠)
UX를 중요하게 생각하는 서비스였기에 내가 생각한 대로 UI를 구현할 수 있는 방법을 찾고 싶었어.

![Image](https://upload.cafenono.com/image/slashpagePost/20260613/144255_A40RmapzZc4NdYqz8l?q=80&s=1280x180&t=outside&f=webp)

피그마로 기존에 가지고 있던 디자인 시스템과 Ant Design을 활용해서 메인 화면을 작업했어.
`직관적이고 심플한` 디자인으로 많이 고민했어.

![Image](https://upload.cafenono.com/image/slashpagePost/20260613/144436_YszxQZKUgcdixyNtPs?q=80&s=1280x180&t=outside&f=webp)

Dev Mode를 이용해서 클로드에 MCP를 연동하고 메인 화면을 기준으로 다른 화면까지 만들어달라고 요청했어.

# 결과

[Gathering — 운영진 MVP](https://gathering-dev.vercel.app/)

![Image](https://upload.cafenono.com/image/slashpagePost/20260613/145003_7m61wynf4oJX7MW2sd?q=80&s=1280x180&t=outside&f=webp)

스터디 때 배운 대로 git에 배포하고 vercel로 호스팅했어.
아직은 화면만 있는 상태야.
주말 동안 DB도 세팅해볼게! 💪

For the site tree, see the [root Markdown](https://slashpage.com/clauders.md).