목차
☕️ Brewers
Brewers는 모각코를 하기 좋은 카페를 공유하고, 모각코 인원을 모집할 수 있는 커뮤니티 서비스입니다.
1. 서비스 소개
1-1. Brewers
“Brew”는 “오랜 시간동안 맛이 우러나게 하다”라는 뜻을 가지고 있습니다.
사용자들이 직접 개발하기 좋은 카페 네트워크를 만들어 나간다는 의미에서 brew하는 사람들, Brewers라는 이름을 선택했습니다.
1-2. 서비스 타겟층
- 모각코/카공을 자주 하는 사람들
- 카페에서 스터디를 진행하고자 하는 사람들
- 모각코 인원을 모집하거나, 모각코에 참여하고 싶은 사람들
- 노마드 개발자
2. 기획 배경
2-1. 기획 배경
- 기존 모각코하기 좋은 카페에 대한 정보는 github이나 블로그에 정리된 글이 존재하지만 보통 최신화가 되지 않는다.
- 원격 근무 및 개발이 늘어나면서 개발자들과 모각코를 즐기는 이용자들이 카페에서 작업을 하는 경우가 늘어나는 추세이지만, 어떤 카페가 공부하기에 적합한지 파악하는 것은 쉽지 않다.
- 개발자 대상 모각코를 모집하는 커뮤니티가 부족하다.
노마드 개발자 및 카페에서 공부하는 사람들을 위한 카페 정보를 제공하는 편리하고 실용적인 서비스 필요
3. 기대 효과
광고를 최소화 한 카공하기 좋은 카페 정보 글 제공
- 사용자들이 직접 경험한 카페에서의 공부 환경에 대한 다양한 리뷰와 정보가 쌓이게 된다.
- 다른 이용자들은 신뢰성 있는 정보를 토대로 카페를 선택할 수 있다.
모각코 참여의 용이성
- [모각코 모집]피드를 통해 사용자들이 손쉽게 모각코 인원을 구하고, 참여할 수 있다.
- 모각코 인원 모집 및 참여에 대한 피로도가 감소한다.
카공족이 직접 만들어 나가는 카공 정보 커뮤니티 활성화
- 사용자들이 서로 정보를 공유하고 의견을 나눌 수 있는 플랫폼이기 때문에 카페 공부에 관심 있는 이용자들 간의 소통이 더욱 활발해진다.
- 폭넓은 네트워킹 기회, 서로 유익한 정보를 공유하고 소통할 수 있다.
사용자 위치기반 가장 공부하기 좋은 카페 추천
- 사용자의 위치를 기반으로 한 간편한 카페 찾기 서비스를 제공해 이용자들이 이상적인 작업 환경을 손쉽게 찾을 수 있다.
- 주변 카페 정보를 쉽게 검색하고, 실제 사용자들의 리뷰와 평가를 통해 카페의 분위기를 파악할 수 있다.
- 모임 및 스터디 그룹을 구성하여 협업에 적합한 환경에서 작업할 수 있도록 돕는다.
4. 팀 소개
4-1. 팀원 소개
4-2. 개인 목표
- 곽연경 : 1. 투박하지 않은 UI 2. 상태관리에 대한 고민, 선택 3. 코드 퀄리티 4. 협업 경험
- 김나현 : 기획부터 배포까지 협업의 전체적인 프로세스를 이해하는 것.
- 박종운 : 협업 경험과 실제 서비스 경험 쌓기, 디자인 시스템 적용해보기
- 신지희 : 이번 목표는 1. styled-components에 익숙해지기 2. 컴포넌트 재사용성에 집중해 구현하기. 3. 유저가 ‘사용할만한’ 프로젝트를 만들기. 완성도 높은 프로젝트가 되었으면 한다.
- 최용재 : 겉이 이쁜 프로젝트보다는 코드 완성도가 높은 결과물 만들기. 팀원들이 게을러질 수 있도록 재사용성 높이기.
5. 핵심 기능
🔍 검색
사용자는 검색 바에서 사용자를 검색할지 포스트를 검색할지 선택한 후 검색할 수 있습니다.
검색 바의 검색 버튼을 클릭하거나 enter를 입력하면, 검색 화면으로 이동하여 검색 query의 결과를 확인할 수 있습니다.
👤 사용자
- 검색 결과로 사용자 프로필 목록을 제공합니다
- 유저는 스크롤을 통해 검색된 사용자 프로필 목록을 모두 조회할 수 있습니다
- 유저는 프로필을 클릭하여 해당 사용자의 프로필 화면으로 이동할 수 있습니다
- 유저는 프로필 목록에서 바로 특정 사용자를 팔로우 / 팔로우 취소 할 수 있습니다
✉️ 포스트
- 검색 결과로 포스트 목록을 제공합니다
- 유저는 스크롤을 통해 검색된 포스트 목록을 모두 조회할 수 있습니다
- 유저는 포스트를 클릭하여 [개별 포스트 화면]으로 이동하여 포스트 상세 정보를 확인할 수 있습니다
- 유저는 포스트 목록에서 바로 특정 포스트에 좋아요를 추가/제거하거나 댓글을 작성할 수 있습니다
📋 포스트
사용자들이 포스트를 작성하고 공유할 수 있습니다.
포스트를 작성해서 게시하면, 게시한 포스트는 아래의 화면에서 보여집니다.
- 유저의 홈 포스트 타임라인
- 마이프로필 포스트 타임라인
- 팔로워의 홈 포스트 타임라인
- 검색 결과 포스트 목록
사용자는
일반 포스트, 카공 리뷰 포스트, 모각코 모집 포스트 총 3가지 종류의 포스트 중 하나를 선택하여 작성할 수 있습니다. 각 종류별로 포스트 입력 형식이 다르며 화면 상으로도 다른 위치에 그려지거나 UI가 구분됩니다.📝 포스트 작성
일반 포스트 (기본 포스트 종류)
- [기본] 텍스트
- [선택] 사진/영상
카공 리뷰 포스트
- [기본] 텍스트
- [기본] 오늘의 카공 리뷰 폼
- 위치 (필수)
- 직접 입력
- 콘센트 개수 (선택)
- 자리마다 콘센트가 있는지
- 한 자리에 몇 개의 콘센트가 있는지
- 조용함 (선택)
- 카페가 조용한 정도를 1~5 중 선택
- 추가 코멘트 작성
- 쾌적함 (선택)
- 카페가 넓은지 1 ~ 5 중 선택
- 몇 층짜리 카페인지 작성
- 자리 (선택)
- 자리가 편안한지 1 ~ 5중 선택
- 자리가 얼마나 비어 있는지
- 요일 선택
- 시간대 선택
- 1 ~ 5중 선택
- 화장실 (선택)
- 화장실이 깔끔한지 1 ~ 5중 선택
- 커피 맛 (선택)
- 1 ~ 5 중 선택
- 추천 메뉴
- 카페 사진 (선택)
모각코 모집 포스트
- [기본] 텍스트
- [기본] 모각코 모집 폼
- 날짜, 시간대 입력 (필수)
- 위치 입력 (필수)
- 모집 인원 입력 (필수)
🧑💻 포스트 조회
유저는 포스트의 종류에 관계없이 포스트에 좋아요를 추가하거나 댓글을 작성할 수 있습니다
6. 기술 스택
.png?table=block&id=4fb245f4-77e5-4cd5-bdb1-ce61cf3758f8&cache=v2)
.png?table=block&id=24cb33eb-ee06-4c07-be41-8d10593a39d7&cache=v2)
7. 유저 스토리 & 사용자 시나리오
7-1. 유저 스토리
User Story
7-2. 사용자 시나리오
🧒 20대 대학생 A
새내기 대학생 A는 장시간 노트북으로 작업할 수 있는 학교 근처 카페를 알아보려고 한다.
구글링으로 관심있는 카페를 선정했지만, 실제로 도착해보니 콘센트를 사용할 수 없거나 장시간 앉아있기 힘든 의자가 비치되어 있었다. 다른 곳은 시끌벅적한 분위기여서 집중하기 힘들 것 같았다.
웹사이트 Brewers의 [카페 리뷰]를 통해 추천 카페에서 의자 정보와 콘센트 정보를 알아보고 간 결과 원하던 장소의 카페에서 집중하며 과제를 마무리할 수 있었다.
👨 30대 직장인 B
30대 직장인 B씨는 스터디를 진행하기 위해 6인 이상 앉을 수 있는 넓은 테이블이 있는 직장 근처의 조용한 카페를 알아보려고 한다.
여러 카페들을 찾아갔으나 넓은 테이블이 없거나 스터디를 활발히 진행하기에는 어려운 분위기의 카페들이 많았다.
웹사이트 Brewers의 [일반 피드]를 둘러보다가, 여러명이 스터디하기에 좋다는 카페에 대한 정보를 확인하고 해당 카페를 방문하여 스터디를 원활하게 진행할 수 있었다.
👩 20대 취업준비생 C
개발자 취업을 희망하는 20대 취업준비생 C씨는 혼자 계속하는 취업 준비에 지쳐 새로운 사람들과 모각코를 진행하면서 공부를 하려고한다.
모각코를 한 번도 경험해보지 못했기에 여러 정보를 찾다가 웹사이트 Brewers를 발견하게 되었다. Brewers의 [모각코모집]에서 자신이 사는 지역과 가깝고, 시간도 맞는 모각코 모집 글을 찾아 모각코를 성공적으로 진행할 수 있었다.