[GL 3기] Growth Log App — 커뮤니티 운영과 QR 출석을 한곳에

Growth Log App 프로젝트 소개

 

모임이 커질수록 운영진의 일도 늘어납니다. 일정을 알리고 참석 여부를 확인한 뒤, 행사 당일에는 출석을 기록해야 합니다. 공지와 명단이 여러 도구에 흩어져 있다면 모임 하나를 준비하는 데도 많은 수작업이 필요합니다.

Growth Log App은 일정, 공지, 참석 의사, QR 출석을 하나의 흐름으로 묶은 커뮤니티 운영 관리 프로그램입니다. 운영진은 반복적인 행정 업무를 줄이고, 회원은 활동 자체에 더 쉽게 참여할 수 있도록 PWA 기반으로 구현했습니다. 📱

함께 만든 팀 👥

PM	안혜린
DevOps	전홍석
프론트엔드	이종경, 박예승, 강단
백엔드	형기상, 오연수, 이태형

여덟 명의 팀원은 2주 단위 스프린트와 코드 리뷰, QA 문서화를 활용해 여러 기능을 동시에 개발했습니다. Slack, Notion, GitHub의 알림도 연결해 기획부터 배포까지의 진행 상황을 함께 확인했습니다.

일정 공지에서 현장 출석까지

커뮤니티 운영에서 일정과 출석은 따로 떨어진 업무가 아닙니다. 일정을 만든 뒤 참석 인원을 확인하고, 현장에서 실제 출석을 기록해야 하나의 행사가 마무리됩니다.

Growth Log App은 이 과정을 다음과 같이 연결했습니다.

1. 관리자가 일정과 공지를 등록합니다.
2. 회원이 참석, 부분 참석, 불참 중 하나를 선택합니다.
3. 관리자가 행사별 출석 QR 코드를 생성합니다.
4. 회원이 현장에서 QR 코드를 스캔해 출석합니다.

각 단계의 데이터가 같은 일정에 연결되기 때문에 별도의 명단을 만들거나 여러 채팅방의 답변을 다시 정리할 필요가 없습니다.

프로젝트에 활용한 기술 스택 🛠️

프론트엔드	TypeScript, React, Vite, PWA
UI 및 상태 관리	Tailwind CSS, shadcn/ui, Zustand, TanStack
백엔드	Java, Spring Boot, JPA, QueryDSL
데이터베이스	MySQL
인프라	AWS S3, CloudFront, EC2, Route 53, ACM
자동화 및 협업	GitHub Actions, Slack, Notion, GitHub

PWA를 활용해 앱스토어를 거치지 않고 웹으로 배포하면서도 홈 화면 설치와 모바일 중심의 사용 경험을 제공했습니다.

서비스 아키텍처

Growth Log App 프로젝트 소개

[PWA 사용자 화면]
        ↓ HTTPS
[CloudFront·S3 프론트엔드]
        ↓ API 요청
[EC2 Spring Boot 서버]
        ├── 일정·공지 관리
        ├── 참석·출석 처리
        └── MySQL 데이터 저장

[GitHub Actions] → 빌드·배포 자동화 → Slack 알림

프론트엔드와 백엔드를 분리하고, 정적 화면과 API 서버를 각각 적합한 AWS 환경에 배치했습니다. 코드 변경부터 배포 결과 공유까지 자동화해 팀의 개발 흐름도 서비스 구조 안에 연결했습니다.

실제 프로젝트 화면으로 살펴보기 📅

관리자는 달력에서 날짜를 선택하고 행사명, 시간, 장소와 설명을 입력해 일정을 만들 수 있습니다.

관리자가 커뮤니티 일정을 만드는 화면

 

회원은 홈 화면에서 일정을 확인하고 참석, 부분 참석, 불참 중 자신의 상태를 선택합니다.

회원이 일정 참석 여부를 제출하는 화면

 

행사 당일에는 앱에서 QR 출석 기능을 열어 관리자가 제시한 코드를 스캔합니다. 인식이 끝나면 일정과 출석 시각, 정상 출석 여부를 바로 확인할 수 있습니다.

QR 코드를 인식해 출석을 완료하는 화면

 

일정 생성부터 현장 출석까지 같은 서비스 안에서 이어져 운영진과 회원 모두에게 명확한 참여 흐름을 제공합니다.

운영을 줄이면 활동에 더 집중할 수 있습니다

Growth Log App은 커뮤니티를 위한 거대한 플랫폼보다, 운영 현장에서 매번 반복되는 작고 구체적인 업무에 집중했습니다.

관리자는 참석 인원과 출석 기록을 한곳에서 확인하고, 회원은 공지와 일정을 찾기 위해 여러 채널을 오갈 필요가 없습니다. 줄어든 행정 시간은 구성원의 활동과 커뮤니티 경험을 만드는 데 다시 사용할 수 있습니다.

프로젝트 후기

가장 큰 배움은 서비스 기능과 팀의 협업 방식이 닮아 있다는 점이었습니다. 앱이 여러 운영 업무를 한곳에 모으듯, 팀도 스프린트와 문서, 알림을 연결해 같은 정보를 바라보며 움직였습니다.

역할이 많을수록 인터페이스를 명확히 하는 일이 중요했습니다. 프론트엔드와 백엔드, 인프라가 주고받는 데이터와 배포 과정을 정리하면서 각 파트가 독립적으로 작업하면서도 하나의 제품을 만들 수 있었습니다.

실제 운영 장면을 기준으로 기능의 우선순위를 정했습니다. 일정 생성, 참석 조사, QR 출석이라는 자주 반복되는 흐름에 먼저 집중해 사용자가 프로젝트의 가치를 곧바로 경험하도록 구성했습니다.

커뮤니티의 성장을 기록하는 기반

좋은 커뮤니티는 구성원의 열정만큼이나 지속 가능한 운영 방식이 필요합니다.

Growth Log App은 운영진에게는 반복을 줄이는 도구를, 회원에게는 더 쉽게 참여하는 경험을 제공합니다. 관리에 쓰는 시간을 성장에 돌려주는 것, 그것이 이 프로젝트가 만든 변화입니다. 😊