[2022 하계] 우수_아주나이스
- SW중심대학
- 2022-10-07
- 274
<팀원>
사이버보안학과 박수인
사이버보안학과 유영웅
사이버보안학과 장연지
사이버보안학과 임수진
<팀원별 활동내용>
2022 관광데이터 활용 공모전의 2차 심사(서비스 심사)를 위해 모멘트립(momenTrip) 웹서비스 개발을 진행하였습니다.
웹서비스의 기본 기능은 다음과 같습니다.
그림 1 모멘트립 주요 서비스
<Backend>
박수인
- 카카오 API 를 이용하여 카카오 간편 로그인 기능 구현
- JWT 토큰을 생성하여 일정 시간 로그인 상태 유지
- 사용자의 프로필 정보 수정 기능 구현
- 코드 리뷰
유영웅
- DB 스키마 코드 작성
- 프로젝트 코드 초기화
- Docker 세팅
- 숏폼 게시물 조회/등록, 댓글 등록/수정/삭제, 좋아요 기능 구현
- 팔로우/팔로잉 기능 구현
- 여행지 정보 조회, 댓글 등록/수정/삭제, 좋아요 기능 구현
- 로그 남기는 작업
- 코드 리뷰
그림 2 Backend WBS
그림 3 DB 스키마
그림 4 코드 리뷰
<Frontend>
장연지
- Figma 이용하여 디자인 시스템 제작
- Figma 이용하여 UI 디자인 제작
- 숏폼 게시물 touch scroll 기능 구현
- 시작 페이지 제작 (카카오 로그인 완료 후 서버에서 토큰 전달받기)
- 페이지 네비게이션 기능 구현
- 리액트 컴포넌트 구현
- 코드 리뷰
임수진
- Figma 이용하여 디자인 시스템 제작
- Figma 이용하여 UI 디자인 제작
- 웹뷰 기능이 있는 안드로이드 어플 개발
- 페이지 네비게이션 기능 구현
- 검색 페이지 제작(유저 검색, 게시물 검색 탭바 나누기)
- 리액트 컴포넌트 구현
- 코드 리뷰
그림 5 Frondend WBS
그림 6 디자인 시스템
그림 7 UI 디자인(로그인 화면, 홈 화면)
매 모임마다 각자의 활동 내용과 회의 내용을 노션에 정리하였습니다.
그림 8 노션 정리
<팀별 최종성과>
모멘트립 어플 개발에서 각자 분담한 기능을 구현하였습니다.
유영웅
- 모멘트립 서비스의 DB 스키마 마련
- 게시물 관련 기능 동작
- 유저 소통 관련 기능 동작 (팔로우, 댓글, 좋아요)
박수인
- 유저의 카카오 간편 로그인 3 기능 동작
- 유저의 프로필 페이지 기능 동작
장연지
- 숏폼 게시물 재생 기능 동작
- 모멘트립 서비스의 디자인 설계 완성
- 시작 페이지 및 카카오 간편 로그인 기능 동작
- 검색 페이지 구현
- 카카오맵 API 이용하여 여행지 상세 정보 중 지도 구현
임수진
- 웹뷰 기능이 있는 안드로이드 어플 생성
- 모멘트립 서비스의 디자인 설계 완성
- 검색 페이지 탭바 구현
그림 9 카카오 간편 로그인 동작
그림 10 홈 화면 (숏폼 게시물 재생)
그림 11 검색 페이지
<팀원별 향후계획>
아직 완성하지 못한 서비스의 기능들을 분담하여 모든 기능을 개별적으로 완성시킬 것입니다. 각자 완성한 기능들을 합치며 완성도를 높여가며, 최종적으로 구글 스토어에 모멘트립(momenTrip) 앱을 등록할 것입니다.
박수인
- 사용자 차단, 신고 기능 구현
- 사용자 프로필 이미지 파일 업로드 구현
- 공모전 최종 발표 자료 제작
- 뱃지 기능 구현
유영웅
- 관광공사 API 이용하여 여행지 정보를 불러와 DB에 저장하기
- 태그 기능 동작
- 위시리스트 기능 구현
- 앱 서비스 등록
장연지
- 위시리스트 페이지 제작
- 댓글 모달 제작
- 뱃지 디자인 제작
- 페이지 렌더링 완성
임수진
- 유저의 마이페이지 제작
- 팔로잉 페이지 제작
- 뱃지 디자인 제작
- 여행지 상세정보 모달 제작
<팀별 개인 URL>
박수인 : https://github.com/suinee/TIL
유영웅 : https://github.com/heroleggo/TIL
장연지 : https://github.com/MillPRE/TIL-ajou-mogakso
임수진 : https://github.com/su-lim/web-pj-study
<최종 보고회 발표 자료>