simjaeik / pets

2021 LACUC Capstone design II

🖥️프로젝트 소개

• 반려동물 관리 서비스
• 반려동물 관련 업체 탐색기능
• 반려동물 기반 커뮤니티

---

🛠프로젝트 구조

---

👨‍👧‍👦팀원

심재익

WEB 백앤드 - github

simjaeik - Overview

성혜림

WEB 프론트앤드 - github

김성환

안드로이드 - github

shshksh - Overview

---

📒 산출물

설계도

git convention

API 명세서

✏️ 회의록

pets's Issues

Seqeulize 배포시 dialect 에러

✅ 작업 내용

• Dialect needs to be explicitly supplied as of v4.0.0 에러 수정

회원가입 기능 구현

✅ 작업 내용

• ID, PW, PW re, E-mail 입력폼
• 4개의 입력 중 하나라도 입력이 안되면 회원가입 경고 창 출력
• PW와 PW re가 같지 않으면 '비밀번호가 일치하지 않습니다' 문구 띄우기
• PW와 PW re가 같다면 '비밀번호가 일치합니다' 문구 띄우기
• PW와 PW re가 같지 않은 상태에서 회원가입 버튼을 누르면 경고 창 출력
• 회원가입이 완료되면 첫 화면으로 돌아가기

🚨 주의 사항

• 주의사항이 없을 시 위 항목은 제거

백엔드 서버 배포

✅ 작업 내용

• AWS EC2 배포를 위한 브랜치 설정
• EC2 인스턴스에 web 브랜치 clone

이미지 멀티파트 전송

✅ 작업 내용

• POST Body를 멀티파트로 구성하여 이미지 파일 전송

🚨 주의 사항

• 안드로이드 앱에서 이미지 경로를 얻은 후 파일로 변환하여 Multipart body를 서버로 전송

setGroup 구현

✅ 작업 내용

• 라우팅 설정
• 컨트롤러 설정
• 비즈니스 로직 구현

상태 관리 재설계

✅ 작업 내용

• 액티비티 뷰 모델에서 PK 값 관리
• 페이지를 전환하며 상태 변경

커뮤니티 첫 페이지 구현

✅ 작업 내용

• 현재 페이지의 그룹(커뮤니티,둘러보기,관리하기)이 어떤 것인지 글씨를 굵게 해서 표시
• 검색 창 만들기
• 글쓰기 버튼 누르면 게시물 작성 페이지로 이동
• 베스트 게시글, TIP게시글, 후기 게시글
• 더 보기를 누르면 해당 게시글의 전체 페이지를 보여준다.
• 각 게시글제목 옆에 추천수와 댓글 수 표시

🚨 주의 사항

• 주의사항이 없을 시 위 항목은 제거

API 명세서 구체화

✅ 작업 내용

• API 명세서의 구체화 - request, method, input, output 명시

관리 첫페이지 생성

✅ 작업 내용

• 그룹 사진, 이름 표시
• 그룹추가버튼구현
• 카테고리(동물관리, 캘린더, 갤러리) 구현
• 그룹 선택시 그룹 상세 페이지로 이동

🚨 주의 사항

• 주의사항이 없을 시 위 항목은 제거

sequelize에서 autoIncreament 오류

✅ 작업 내용

• sequelize에서 table에 값을 넣을 때, autoIncrement가 적용되지 않는 문제 해결

드로어 메뉴 구성

✅ 작업 내용

• 드로어 헤더 바인딩
• 계정 정보(로그인한 계정 정보 수정 페이지)
• 그룹 정보(선택한 그룹 정보 페이지)
• 멤버 관리(그룹 구성원 추가, 초대, 삭제, 권한 설정)
• 물품 메뉴
• 갤러리 메뉴

커뮤니티 게시글 작성 페이지

✅ 작업 내용

• 게시글 tip인지 후기인지
• 게시글 제목, 작성자 닉네임 표시
• 게시글 내용 입력

🚨 주의 사항

• 주의사항이 없을 시 위 항목은 제거

의존성 주입 설정

✅ 작업 내용

• 안드로이드 앱에 Dagger2 도입

커뮤니티 게시글 페이지

✅ 작업 내용

• 게시글 제목, 닉네임, 조회수, 작성시간
• 게시글 전체 내용 보여주기
• 댓글수, 추천수
• 댓글작성 & 댓글보기 기능 구현

🚨 주의 사항

• 주의사항이 없을 시 위 항목은 제거

Passport, JWT 적용

✅ 작업 내용

• passport, JWT 학습 및 간단한 학습 자료 notion에 업로드
• passport, JWT 설정
• passport, JWT 실제 적용

동물 목록 표시

✅ 작업 내용

• 그룹에 속한 동물을 얻는 유스케이스 작성
• 그룹에서 관리하는 동물의 목록을 표시

모바일 앱 flavor 재설정

✅ 작업 내용

• 모킹 대상을 리포지토리에서 데이터 소스로 변경

디버그 flavor 수정

✅ 작업 내용

• 현재까지 변경된 내용에 맞게 디버그 flavor 빌드

안드로이드 애플리케이션 product flavor 구분

✅ 작업 내용

• 디버그용과 릴리즈용으로 product flavor의 구분
• flavor별로 목적에 맞는 모듈과 의존성 제공

안드로이드 애플리케이션 리팩토링

✅ 작업 내용

• 패키지 구조 분할
• 함수 구분
• 통일된 네이밍
• 대거 컴포넌트 구조 분할

getMyGroups 구현

✅ 작업 내용

• 라우팅 설정
• 컨트롤러 설정
• 비즈니스 로직 구현

user API 구현

✅ 작업 내용

• 로그인 구현
• 로그아웃 구현
• 회원가입 구현
• isNicknameExist 구현
• isEmailExist 구현
• github 소셜 로그인 구현
• google 소셜 로그인 구현

회원가입, 로그인 네트워크 연동

✅ 작업 내용

• 회원가입과 로그인 네트워크 연동
• 자동 로그인
• 실패에 대한 에러 메시지 출력

이미지 저장 서버 띄우기

✅ 작업 내용

• 이미지 저장을 위한 서버 띄우기

동물 상세 화면 구현

✅ 작업 내용

• 상세 화면으로의 이동
• 동물 데이터의 조회와 편집

그룹 추가 페이지 상태 지속 버그

✅ 작업 내용

• 그룹 추가 페이지로 이동 시 마지막으로 조회한 페이지의 정보가 남아있는 문제 해결

마이페이지 구현

✅ 작업 내용

• 마이페이지 UI
• 정보 수정 구현
• 정보 확인

🚨 주의 사항

• 주의사항이 없을 시 위 항목은 제거

web 백엔드 초기세팅

✅ 작업 내용

• .gitignore
• app.js 셋팅
• mysql 연동

🚨 주의 사항

• .env 파일을 통해서 개인정보 은닉화

앱-서버 네트워크

✅ 작업 내용

• API 명세서 기반 레트로핏 서비스 정의
• 코루틴 적용
• 에러 처리를 위한 레트로핏 콜 어댑터 구현
• 테스트 서버에서 네트워킹 테스트

커뮤니티 상세 페이지 구현

✅ 작업 내용

• 게시글 추천순, 시간순 정렬 버튼
• 게시글 더보기 기능
• 게시물 내용 미리보기
• 작성자 닉네임, 조회수, 추천수, 댓글수, 작성시간 표시

🚨 주의 사항

• 주의사항이 없을 시 위 항목은 제거

JWT 토큰 refresh

✅ 작업 내용

• JWT 토큰 유지를 위한 refresh 적용

회원가입 기능 구현

✅ 작업 내용

• 유스케이스 유닛 테스트 작성
• 기능 구현
• 레이아웃 작성
• UI와 유스케이스 연동

🚨 주의 사항

• 유닛 테스트가 완료된 이후 UI 작업을 진행한다.
• 데이터 소스를 모의 객체로 구현

로그인 기능 구현

✅ 작업 내용

• 로그인 유닛 테스트 작성
• 기능 구현
• 레이아웃 작성
• 비즈니스 로직 연동

🚨 주의 사항

• 유닛 테스트가 완료된 이후 UI 작업을 진행
• 데이터 소스를 모의 객체로 구현

그룹 조회 기능 구현

✅ 작업 내용

• 소속 그룹 조회 유닛 테스트 작성
• 기능 구현
• 리팩토링
• 레이아웃 작성
• 비즈니스 로직 연동

🚨 주의 사항

• 테스트 통과 이후 UI 작업 진행
• 데이터 소스는 모의 객체를 사용

그룹 업데이트 이벤트 옵저버 추가

✅ 작업 내용

• 그룹 정보 수정 시 그룹 정보 재 요청 후 바인딩
• 그룹 정보 수정 후 그룹 리스트 페이지로 복귀 시 그룹 리스트 재요청

게시글 작성 백엔드 구현 (완성x)

✅ 작업 내용

• 게시글 작성 페이지 보완
• 게시글 카테고리
• 백엔드 연결

🚨 주의 사항

• 주의사항이 없을 시 위 항목은 제거

그룹 관련 작업 연동

✅ 작업 내용

• 그룹 리스트 조회
• 그룹 데이터 추가
• 그룹 데이터 수정

RDS 인바운드 규칙 위치 무관시 보안상 문제

✅ 작업 내용

• RDS 인바운드 규칙 위치 무관시 보안상 문제 해결

로그인 백엔드 연동 & 암호화

✅ 작업 내용

• 로그인 백엔드 연동해서 로그인 성공
• 회원가입,로그인할때 비밀번호 암호화하

🚨 주의 사항

• 주의사항이 없을 시 위 항목은 제거

그룹 생성 기능 구현

✅ 작업 내용

• 그룹 생성 유닛 테스트 작성
• 기능 구현
• 리팩토링
• 레이아웃 작성
• 비즈니스 로직 연동

🚨 주의 사항

• 테스트 통과 이후 UI 작업 진행
• 데이터 소스는 모의 객체를 사용

bcrypt 라이브러리 설정

✅ 작업 내용

• 자주 사용되는 라이브러리인 bcrypt를 사용하는 lib 구현

API 추가 요청

✅ 작업 내용

Member

• 현재 로그인 한 유저 정보 조회
• 현재 로그인 한 유저 정보 수정
• 현재 로그인 한 유저 비밀번호 수정

Group

• updateGroup: 그룹 정보 수정
• getGroupImage: 그룹 내 단일 이미지에 대한 조회
• updateGroupImage: 이미지 데이터 수정 요청

Animal

• loadMedical: 동물의 병원 기록 정보 조회
• addMedical: 병원 기록 추가

동물 추가 기능 구현

✅ 작업 내용

• 동물 추가 유스케이스
• Fake 데이터 소스를 사용한 테스트

sequelize 세팅

✅ 작업 내용

• model/index.js 에서 뿌려주기
• 각각의 테이블 정의 & 관계정의 ( hasMany, belongsTo )

그룹, 그룹&멤버 API 만들기

✅ 작업 내용

• getMyGroups
• deleteGroup
• setGroup
• getGroup
• toggleShare
• addGroupMember
• getGroupMembers
• deleteGroupMember

회원가입 백엔드 연동

✅ 작업 내용

• axios로 백엔드 서버와 연동
• isEmailExist 중복된 이메일 검사
• isNickName 중복된 아이디 검사
• signUp 회원가입 완성

🚨 주의 사항

• 주의사항이 없을 시 위 항목은 제거

그룹 만들기 백엔드 연동

✅ 작업 내용

• 그룹 만들기 css 보완
• 이미지 데이터 구현
• 그룹 만들고 백엔드 연동

🚨 주의 사항

• 주의사항이 없을 시 위 항목은 제거

mobile 프로젝트 초기 설정

✅ 작업 내용

• 프로젝트 생성
• .gitignore 작성

DB 메모 테이블 생성, 갤러리-이미지 수정

✅ 작업 내용

• DB memo 테이블 생성
• gallery-image 테이블 tag 컬럼 추가

유저 정보 관련 API 구현

✅ 작업 내용

• 현재 로그인 한 유저 정보 조회
• 현재 로그인 한 유저 정보 수정
• 현재 로그인 한 유저 비밀번호 수정

( issue #75 중 일부 구현 )