Moin

📖 Introduction

• 2022학년도 1학기 명지대학교 Mobile Programming 과목에 React-native expo를 이용하여 독일 한인들을 위한 커뮤니티 서비스 Moin을 제작하는 프로젝트입니다.

  “여기 MOIN 여러분들을 위한 정보 ”
  

  “다양한 정보가 MOIN 곳 ”
  

🏁 설치 및 실행 방법

1. git clone

원하는 폴더에 레포지토리를 클론해주세요.

$ git clone https://github.com/MobileProgrammingMoin/Moin.git

2. 패키지 설치

라이브러리 설치를 위해 yarn을 입력해주세요.

$ yarn

3. setting 파일 추가하기

아래에 적힌 파일 구조를 참고하여 파이어베이스 사용이 가능하도록 setting 파일을 추가해 주세요.

4. 실행하기

expo start를 입력해주세요.

$ expo start

🧱 파일 구조

.
├── asset
├── public
| ├── images                   // 개발에 사용한 테스트 사진 및 몇몇 이미지 저장
├── src
| ├── Components
| | ├── Auth                   // 로그인, 마이페이지 등 유저 정보와 관련된 컴포넌트
| | ├── SharingInfo            // 정보공유 관련 컴포넌트
| | ├── Market                 // 중고 거래 관련 컴포넌트
| | ├── JobOpening             // 구인 관련 컴포넌트
| | └── JobFinding             // 구직 관련 컴포넌트
| ├── pages
| | ├── Auth                   // 로그인, 마이페이지 등 유저 정보와 관련된 화면 (구현도 90%)
| | ├── SharingInfo            // 정보공유 관련 화면 (구현도 80%)
| | ├── Market                 // 중고 거래 관련 화면 (구현도 20%)
| | ├── JobOpening             // 구인 관련 화면 (구현도 40%)
| | └── JobFinding             // 구직 관련 화면 (구현도 40%)
| ├── styles.js                // 미리 정의해둔 스타일 (사용도가 낮다..)
| ├── theme.js                 // 미리 정의해둔 스타일 테마 (color 및 font-size의 일관성 유지)
| └── App.js                   // Navigation 및 실질적 루트
├── setting
| ├── Firebase.json            // for web
| ├── google-services.json     // for android
| └── GoogleService-Info.plist // for ios
├── .gitignore
├── App.js 
├── app.json
├── babel.config.js
├── package.json
├── package-lock.json
├── yarn.lock
└── README.md

• Component와 pages를 구분해 pages를 Component폴더 하위의 컴포넌트들로 구성 (코드 재사용성 및 유지보수성 향상)
• 도메인별로 파일을 나눠 최대한 충돌을 방지 (코드에 집중하기 좋은 환경 마련)
• styles.ts및 theme.js를 사용해 색, 폰트 크기 등의 수정 및 변경을 용이하게 함. (코드 재사용성 및 유시보수성 향상)

🖌️ 설계 디자인 및 프로토타입

🧑‍💻 협업도구

• Github (코드 통합 관리)
• GoogleDocs (기획안 및 문서 작업)
  • 동시에 문서를 작성하고 댓글로 피드백을 주고받음
    
• Notion (회의록 기록 및 내용정리)
  
  • 회의록 작성 및 작업 방식 공유
  • 링크 관리
  • 명예의 전당

🎞️ 데모영상

https://youtu.be/4HlHByaD--Q

😢 아쉬운점 (거의 해커톤과 비슷한 시간과 촉박함이었습니다.... )

• 몇몇 ui가 완성되지 않음.
• 코드 로직 연결을 전부 못함.
• 코드 리팩토링 및 구조화 작업을 수행하지 못해 코드에 불필요한 코드 및 기능을 잃은 주석이 많다.
• style 및 동작을 좀 더 추상화하여 재사용성을 원하는 수준만큼 높이지 못함.
• Chatting을 구현해보고싶었으나 구현하지 못함...