---
# System prepended metadata

title: Untitled

---

## 3주차 Relay Project

#### 🤼 참여자 


| 차수 | 그룹 | 그룹원 |
| -------- | -------- | -------- |
| 1주차     | G3     | J022 김동환, J117 심승태, S040 이승우, J114 신정원<br/>J065 김한빈, J018 김나정, S024 서민주, K048 임도연     |
| 2주차     | G3     | J015 김기범, J114 신정원, J194 조민재, J201 지호준<br/>J214 한영진, S001 강다현, S029 오승연, S047 이청수     |
| 3주차     | G3     | K013 김현명, S039 이수현, J005 공필상, J019 김동규 <br/> J204 천윤서, J041 김영화, J168 이현세, J083 이현백     |
| 4주차     |      |      |


## 3주차 개발 Prototype
![](https://i.imgur.com/LOvM8eL.png)


## Front End

![](https://i.imgur.com/2QG1f7M.png)

1. 로그인 (별명 적기) - S039
### 본인이 설정한 별명으로 로그인할 수 있습니다. ![](https://i.imgur.com/MjNQCgU.png)


![](https://i.imgur.com/mkrcer8.png)

### 또 위와 같이 마음에 드는 마스터 님들을 확인할 수 있습니다. ![reference link](https://i.imgur.com/d3PiI9D.png)

![](https://i.imgur.com/1z5n51F.png)


2. 지도 + 핀 - J168
    1. 핀을 등록 -> 파이어스토어에 등록
    2. 지도 페이지를 갔을 때 파이어스토어에 있는 핀 데이터 가져오기
    + 화면 접속시 핀 정보 리스트(고유ID,좌표,장소명)
    + 마커 {markerId, title, pos} 

위와 같이 최애 아이돌들의 성지 장소를 확인할 수 있습니다.
### Holly Land Pick![](https://i.imgur.com/KqVSHHQ.png)

![](https://i.imgur.com/lYLAwXd.png)

3. 성지 정보 및 게시글 목록 - J083
    1. 해당 성지 게시글 리스트
    + 게시글 고유ID, 게시글 제목  

![](https://i.imgur.com/Ert6s7N.png)

4. 게시글 등록 - J204
게시글id, 제목, 작성자, 사진, 내용, 등록일
    1. 제목, 작성자, 사진, 내용을 입력하고.
    2. 버튼을 누르면 등록일을 프론트에서 생성하고.
    3. 이 데이터들을 파이어스토어에 등록.

### Holly land에 도착했다면 게시글을 남길 수 있습니다.(https://i.imgur.com/yibSWEr.png)


![](https://i.imgur.com/xwKWTkF.png)

5. 게시글 - J041
게시글ID, 제목, 작성자, 사진, 내용, 좋아요 수, 좋아요 여부, 해당 좌표 지도
    + 해당 게시글 상세 내용 

### 여러분의 소중한 감정을 공유해 보세요![](https://i.imgur.com/ET6NtJj.png)


## Back Ground

![](https://i.imgur.com/CqezzVP.png)

 위와 같이 Firebase와 Flutter를 연동해서 사용하였습니다.
 (이어서 RelayProject를 하실 경우 Firebase의 권한을 받으셔서 사용하시면 됩니다!)
 데이터 스키마 설정이 보시는 바와 같이 어렵지가 않습니다.
  사용하고자 하는 데이터 필드와 속성을 추가해서 사용하시면 됩니다.

### 성지 스키마
- id [number]
- title(성지명) [string]
- gps(좌표) [geopoint]
- rating(평점) [number]
- board 게시글 [collection]

### 게시글 스키마
- id            [number]
- title (제목)   [string]
- writer (작성자)[string]
- content (내용) [string]
- picture (사진) [string]
- date(등록일) [timestamp]

### 전체 UI, UX
![](https://i.imgur.com/XVvQxf1.png)

위와 같이 화면을 구성하였습니다. ![](https://i.imgur.com/XkYKAQd.png)

### 이상 3주차 RelayProject 였습니다!
### 여러분들의 소중한 최애들의 방문 장소를 가보는데에 용이할 것 같습니다 ^^
### 소중한 감정들을 간직하고 공유해보세요! ![reference link](https://i.imgur.com/d3PiI9D.png)

