---
# System prepended metadata

title: 모각콘(모로가도 각잡고 콘센트 앞으로 가면된다)

---

# 모각콘(모로가도 각잡고 콘센트 앞으로 가면된다)

## 릴레이프로젝트 3주차 팀 24


### 프론트엔드

<image src=https://i.imgur.com/r7CU49o.png width=230> <image src=https://user-images.githubusercontent.com/26273678/128618969-f6b75b9e-82c8-4507-8f36-59e7bb2f479b.png width=230> <image src=https://i.imgur.com/eELxtmH.png width=230>



#### `/lib/Meeting.dart`
- 지도에서 모임 확인: 우측 하단 Floating Button을 통해 현재 생성된 모임 목록을 지도에서 확인

> **! 테스트 하실 때 참고해주세요 !**
> 모임 생성시 에뮬레이터에 설정된 현재 위치를 기반으로 좌표가 설정됩니다.
> 모임 마감 시간이 현재 시간보다 전이면 모임이 목록에 뜨지않아요.
> 모임 목록은 마감 시간 순으로 정렬됩니다.
> 자정에 자동으로 Database가 reset되는 Automation이 있어요.
`/backend/utils/Automation.js` -> 현재 주석처리 해놓았습니다.

#### `/lib/map.dart`
- Google Maps API 사용해 지도 연동
- 모임 위치 표시: 모임을 생성한 곳의 좌표로 marker 생성
- 현재 위치 이동: 좌측 하단 Floating Button을 통해 현재 위치로 이동
    - 현재 위치 설정방법: Android Emulator의 현재 위치는 기기 우측 맨하단 버튼 중
`점 세개 버튼 > Locations > Single points > 장소 검색 > SET LOCATION`
을 통해 설정 가능합니다)
- 현재 위치의 모임 검색: 중앙 하단 Floating Button을 통해 현재 지도에서 보여지는 장소에 있는 모임을 표시
- 모임 참여 기능: 지도의 마커를 클릭시 해당 모임의 상세정보와 참여 여부를 확인하는 Dialog 생성
    - 본인이 생성한 모임에는 참여 할 수 없게, 참여 버튼을 누르면 Toast Message를 띄웁니다.


### 백엔드
#### `/lib/IP.dart`
```kt
// 웹 서버 IP, 서버 다운됐을 시 로컬 서버 실행 후
// 본인 IP로 대체
String ip = "125.133.193.101";
```
서버에 Nodejs 앱 작동 중입니다. 서버가 잘 돌아가고 있다면 추가로 설정할 것은 없습니다.
로그인이나 회원가입, 그룹 추가 등이 작동하지 않으면 서버가 다운된 것이니 [K007_김수명](https://github.com/lifespank)로 연락 주세요.
#### 서버가 다운됐는데 답장은 없고 급하게 작업해야 한다면
1. `cd [backend 디렉토리]`
2. `npm install`
3. `npm start`
4. server start라는 메시지가 보이면 성공
5. IP.dart 내 `String ip='본인 ip 주소'`로 변경
DB는 2주차 분들이 작업하신 Firebase에 있어서 로컬로 서버 돌리셔도 동일한 결과가 나옵니다.

#### 실행방법
>  sdk 적용이 안됐을 경우 project 설정파일에서 flutter SDK 적용
1. flutter 파일로 이동하여 flutter pub get 실행을 통해 필요한 패키지 다운 or pubspec.yaml에서 pub get을 통해 패키지 다운
2. 백엔드 설정 진행
3. `/lib/user_log_in.dart` 파일의 main 실행
4. 회원가입이후 모임설정
5. 오른쪽 아래의 지도 버튼을 통해 지도에 접근


### Demo
- 세부 지역 탐색
https://user-images.githubusercontent.com/26273678/128620272-bfd465eb-a94e-4391-a85e-c7dde7d506ac.mov

- 다른 지역에서 현재 지역으로 이동
https://user-images.githubusercontent.com/26273678/128620252-816d5092-8b8b-4f63-b942-8c502d703439.mov




![toast_msg](https://i.imgur.com/TK0BEHX.gif)
![map_zoom_in](https://user-images.githubusercontent.com/55529617/128620183-5c915868-2608-4406-bc4e-0abbc6ad59e3.gif) 

 ---
### 참가자

|이름|한마디|
|------|---|
|[J077\_문혜현](https://github.com/hyehyeonmoon)|끝없는 에러를 맛보게 해준 안드로이드와 플러터였습니다..😳|
|[J043\_김용현](https://github.com/icarus1513)| 팀원분들께 많이 배우고 공부할 수 있었습니다... 감사합니다!|
|[J108\_송연석](https://github.com/YeonSeok-Song)||
|[J114\_신정원](https://github.com/newgardener)|누군가가 하던 프로젝트를 넘겨받는 일이 얼마나 힘든 일인지를 깨달을 수 있는 시간이었습니다 (문서작업의 중요성...) 😂 동시에 많은 것을 배울 수 있는 재밌는 시간이기도 했습니다!|
|[J216\_허은지](https://github.com/Eunji98)|역시 시작은 환경셋팅이구나를 다시 느끼며,,ㅎㅎ 팀원분들께 많이 배우고 느낄 수 있었던 시간이었습니다. 다음번엔 flutter와 더 친해질수 있기를 바라며.. 모두 수고많으셨습니다!!:)|
|[J007\_김수명](https://github.com/lifespank)|문서화가 잘 돼있지 않은 프로젝트를 이어하는 것은 어렵네요~저희 다음으로 담당하시는 분들 화이팅입니다.|
|[S024\_서민주](https://github.com/SEOMINJUUU)|환경셋팅과 코드 이해하는데 시간이 많이 소요됐던 것 같아요.. 다음 팀 분들은 헤매시지 않았으면 하는 마음에 최대한 Readme 자세하게 작성해보았습니다! 다음 팀분들도 화이팅 하셔서 잘 모각콘 잘 마무리되길 바라겠습니다 ☺️|