SYSTEM BLUEPRINT

카페형 커뮤니티 앱
화면 설계 및 운영 흐름

회원 활동, 정보 등록, 관리자 운영까지 이어지는 MVP 핵심 화면 설계도입니다.

일반 회원 시나리오

회원 커뮤니티 이용 여정

앱 홈에서 정보를 찾고, 게시글을 읽고, 직접 사진 후기를 남기는 흐름입니다.

1. 홈 진입

공지와 카테고리 확인

2. 게시판 탐색

관심 있는 정보 글 확인

3. 글 작성

사진과 본문 등록

4. 댓글 반응

댓글과 좋아요로 소통

5. 재방문

마이페이지에서 내 활동 확인

일반 회원 | 화면 01

커뮤니티 홈

app.community/home
COMMUNITY
오늘의 정보
i
공지
첫 운영은 게시판 중심으로 안전하게 시작합니다.
자유
질문 답변
후기
정보 공유
강남권 주말 분위기 공유
댓글 8 · 좋아요 20
첫 방문 전 확인할 팁
댓글 12 · 좋아요 27
사진 후기와 댓글 반응
댓글 16 · 좋아요 34

[화면 개요 및 목적]

첫 화면에서 공지, 카테고리, 인기 글을 빠르게 확인하는 회원용 홈입니다.

[핵심 기능 로직]

서버리스 데이터베이스에서 공지와 최신 글을 불러오고, 카테고리별 이동을 단순화합니다.

  • React Native 화면 구성
  • 게시판 목록 API
일반 회원 | 화면 02

사진 후기 작성

app.community/write
사진 후기 작성
카테고리
이용후기
사진 삼 장 첨부됨
오늘 방문 전 확인한 정보가 실제와 맞았습니다. 대기 시간과 분위기, 초보자 팁을 같이 남깁니다.

[화면 개요 및 목적]

회원이 사진을 첨부하고 카테고리를 선택해 글을 작성하는 핵심 생성 화면입니다.

[핵심 기능 로직]

이미지 업로드와 게시글 저장을 분리해 실패 상황에서도 재시도할 수 있게 설계합니다.

  • Storage Upload
  • Post Create API
일반 회원 | 화면 03

게시글 상세와 댓글

정보 공유
주말 방문 전 확인할 내용 정리
첨부 사진 미리보기
복잡한 실시간 채팅 없이도 댓글과 좋아요로 필요한 정보가 빠르게 정리됩니다.
좋아요 38
댓글 12
운영자 공지로 올려도 좋겠네요.
사진 정보 감사합니다.

[화면 개요 및 목적]

사진, 본문, 좋아요, 댓글이 한 화면에서 자연스럽게 이어지는 소통 화면입니다.

[핵심 기능 로직]

실시간 채팅 대신 댓글과 좋아요를 빠르게 반영해 초기 운영 부담을 낮춥니다.

  • Comment API
  • Like Counter
운영자 시나리오

운영자 콘텐츠 관리 여정

공지, 주요 정보, 배너 후보를 등록하고 커뮤니티 흐름을 관리합니다.

1. 공지 등록

홈 상단 고정 공지 작성

2. 정보 게시

잭팟 정보와 운영 팁 등록

3. 배너 준비

광고 영역 후보 관리

4. 신고 확인

신고 글 우선 검토

5. 운영 안정화

커뮤니티 분위기 유지

운영자 | 화면 01

공지 작성 관리자

admin.community/notices
ADMIN

운영 관리 대시보드

신고 대기 2건
회원
1,248명
게시글
386건
댓글
2,911건
월 예상비
낮음
게시글
상태
신고
관리
부적절 표현 확인 필요
검토
2
숨김
주말 공지 등록
정상
0
고정
사진 후기
정상
0
유지
운영 할 일
공지 작성
신고 글 검토
배너 영역 준비

[화면 개요 및 목적]

운영자가 홈에 노출될 공지를 작성하고 고정 여부를 정하는 화면입니다.

[핵심 기능 로직]

공지 우선순위와 노출 상태를 저장해 앱 홈에 즉시 반영합니다.

  • Admin Form
  • Notice Publish
운영자 | 화면 02

주요 정보 등록

admin.community/info
ADMIN

운영 관리 대시보드

신고 대기 2건
회원
1,248명
게시글
386건
댓글
2,911건
월 예상비
낮음
게시글
상태
신고
관리
부적절 표현 확인 필요
검토
2
숨김
주말 공지 등록
정상
0
고정
사진 후기
정상
0
유지
운영 할 일
공지 작성
신고 글 검토
배너 영역 준비

[화면 개요 및 목적]

초 단위 실시간 대신 운영자와 회원이 정보를 등록하면 빠르게 반영되는 구조입니다.

[핵심 기능 로직]

정보 게시물을 일반 게시판과 분리해 홈에서 더 잘 보이게 구성합니다.

  • Pinned Post
  • Fast Refresh
운영자 | 화면 03

배너와 확장 영역 관리

admin.community/banners
ADMIN

운영 관리 대시보드

신고 대기 2건
회원
1,248명
게시글
386건
댓글
2,911건
월 예상비
낮음
게시글
상태
신고
관리
부적절 표현 확인 필요
검토
2
숨김
주말 공지 등록
정상
0
고정
사진 후기
정상
0
유지
운영 할 일
공지 작성
신고 글 검토
배너 영역 준비

[화면 개요 및 목적]

초기에는 후보 영역으로 두고, 성장 후 광고 관리 기능으로 확장할 수 있는 화면입니다.

[핵심 기능 로직]

배너 이미지를 등록하고 노출 위치와 기간을 관리하는 확장 가능한 데이터 구조를 둡니다.

  • Data Aggregation & Visualization
  • Banner Schedule
관리자 시나리오

관리자 운영 관리 여정

회원, 게시글, 댓글, 신고 글을 관리해 출시 후 운영 리스크를 줄입니다.

1. 현황 확인

회원과 글 수 확인

2. 신고 검토

부적절한 글 확인

3. 게시글 조치

숨김 또는 삭제 처리

4. 회원 관리

계정 상태 확인

5. 운영 보고

월 유지비와 활동 확인

관리자 | 화면 01

관리 대시보드

admin.community/dashboard
ADMIN

운영 관리 대시보드

신고 대기 2건
회원
1,248명
게시글
386건
댓글
2,911건
월 예상비
낮음
게시글
상태
신고
관리
부적절 표현 확인 필요
검토
2
숨김
주말 공지 등록
정상
0
고정
사진 후기
정상
0
유지
운영 할 일
공지 작성
신고 글 검토
배너 영역 준비

[화면 개요 및 목적]

회원 수, 게시글 수, 신고 대기, 월 예상 비용을 한눈에 보는 관리자 홈입니다.

[핵심 기능 로직]

운영 지표를 간단히 모아 초보 운영자도 바로 판단할 수 있게 합니다.

  • Admin Dashboard
  • Usage Metrics
관리자 | 화면 02

신고 글 검토

admin.community/reports
ADMIN

운영 관리 대시보드

신고 대기 2건
회원
1,248명
게시글
386건
댓글
2,911건
월 예상비
낮음
게시글
상태
신고
관리
부적절 표현 확인 필요
검토
2
숨김
주말 공지 등록
정상
0
고정
사진 후기
정상
0
유지
운영 할 일
공지 작성
신고 글 검토
배너 영역 준비

[화면 개요 및 목적]

신고된 글과 댓글을 확인하고 숨김 또는 삭제 조치를 하는 화면입니다.

[핵심 기능 로직]

민감 도메인 운영에서 필요한 기본 조치 이력을 남겨 분쟁과 심사 리스크를 줄입니다.

  • Report Queue
  • Action Log
관리자 | 화면 03

회원 권한 관리

admin.community/users
ADMIN

운영 관리 대시보드

신고 대기 2건
회원
1,248명
게시글
386건
댓글
2,911건
월 예상비
낮음
게시글
상태
신고
관리
부적절 표현 확인 필요
검토
2
숨김
주말 공지 등록
정상
0
고정
사진 후기
정상
0
유지
운영 할 일
공지 작성
신고 글 검토
배너 영역 준비

[화면 개요 및 목적]

회원 목록, 상태, 권한을 관리하고 문제가 있는 계정을 제한하는 화면입니다.

[핵심 기능 로직]

운영자와 일반 회원 권한을 분리해 관리 화면 접근을 안전하게 제어합니다.

  • Role Control
  • Issue Tracking & Status Management