-
2022학년도 1학기 명지대학교 Mobile Programming 과목에 React-native expo를 이용하여 독일 한인들을 위한 커뮤니티 서비스
Moin
을 제작하는 프로젝트입니다.“여기 MOIN 여러분들을 위한 정보 ”
“다양한 정보가 MOIN 곳 ”
원하는 폴더에 레포지토리를 클론해주세요.
$ git clone https://github.com/MobileProgrammingMoin/Moin.git
라이브러리 설치를 위해 yarn을 입력해주세요.
$ yarn
아래에 적힌 파일 구조를 참고하여 파이어베이스 사용이 가능하도록 setting 파일을 추가해 주세요.
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 (회의록 기록 및 내용정리)
- 몇몇
ui
가 완성되지 않음. - 코드
로직 연결
을 전부 못함. - 코드
리팩토링
및구조화
작업을 수행하지 못해 코드에 불필요한 코드 및 기능을 잃은 주석이 많다. - style 및 동작을 좀 더 추상화하여
재사용성
을 원하는 수준만큼 높이지 못함. Chatting
을 구현해보고싶었으나 구현하지 못함...