boostcampwm2023 / and09-priceguard

🛡️ 원하는 상품의 가격을 추적하고 저렴할때 구입하세요! 🛡️

PriceGuard

🛡️ 프로젝트 소개

원하는 상품의 가격을 추적하고 저렴할때 구입하세요!

PriceGuard는 국내 상거래 사이트들의 상품 가격을 추적합니다.
사용자가 원하는 상품 링크를 등록하면 해당 상품들의 정보를 주기적으로 확인합니다.
사용자가 목표 가격을 설정해서 목표 가격 이하인 상품이 있으면 알림을 보냅니다.
또한 앱 내에서 원하는 상품의 가격 변화를 그래프로 표현합니다.

어플리케이션은 아래 버튼을 클릭하여 받을 수 있습니다.

🥅 기술적 도전

우리 팀은 이 프로젝트에서 다음과 같은 기술적 도전 과제를 해결하려 합니다.

1. 그래프를 그릴 수 있는 기능을 개발하고 이를 보다 일반적인 상황에 쓸 수 있도록 라이브러리화한다.
2. 다양한 안드로이드 테마에 대응할 수 있는 안드로이드 앱을 개발한다.
3. 주기적으로 데이터를 수집하고, 다수의 사용자에게 대량의 데이터를 전달 및 처리하는 과정에 대한 효율적인 해결책을 찾는다.

이와 같은 기술적 도전을 해결하는 과정은 아래 링크에서 확인할 수 있습니다.

1. 그래프 라이브러리 구현
2. 안드로이드 테마 적용
3. 데이터 캐싱

그래프 라이브러리 구현 및 배포 저장소는 여기서 확인해주세요.

❓ 문제 해결

프로젝트 진행 과정에서 만난 이슈들과 해결 방법에 대해 기술합니다. 아래 링크에서 확인할 수 있습니다.

DB 쿼리 개선

가격 그래프 데이터는 DB에서 자주 조회되며, 1개월, 3개월 단위로 넓은 범위를 가진 데이터를 불러오기 때문에 양이 많습니다.

현재 프로젝트 구조에서 데이터 조회 성능을 향상시키기 위해 어떤 노력을 했는지 기록했습니다.

바로가기

메모리 누수

안드로이드 앱 개발 과정에서 발견된 여러 메모리 누수 상황에 대해 소개합니다.

어떻게 발견했는지, 왜 발생하는지, 어떻게 해결했는지 확인할 수 있습니다.

바로가기

RecyclerView 갱신 오류

알림 토글의 값을 변경하고, 스크롤을 내렸다가 다시 돌아오면 해당 토글의 값이 변경 이전의 값으로 되돌아가는 현상이 발생했습니다.

어떤 부분이 잘못되었고 어떻게 해결했는지를 다루는 문서입니다.

바로가기

JWT 인증 처리

프로젝트를 진행하며 사용자 인증을 구현했던 과정에 대해 적어보고자 합니다.

JWT 인증 처리를 하면서 했던 고민과 선택 이유를 기록했습니다.

바로가기

HTTPS

app 루트 도메인은 모든 연결에 HTTPS를 요구합니다.

Let's Encrypt를 활용해 어떻게 해당 프로젝트에 HTTPS를 적용했는지 기술하였습니다.

바로가기

DeepLink 지원 및 DeepLink용 웹페이지 구현

앱이 깔린 두 사람이 서로 상품 정보를 텍스트로 공유하려면 어떻게 해야될까요?

Deeplink 와 Deeplink 이동용 웹페이지의 구현 과정을 소개합니다.

바로가기

Navigation 백스택 오류

Jetpack Navigate에서 발생했던 에러에 대해 소개합니다.

그리고 해당 에러의 원인과 해결 방법도 소개합니다.

바로가기

테마 변경

테마 변경 다이얼로그를 만들 때 참고했던 애플리케이션은 Now in Android입니다.

해당 기능과 똑같은 인터렉션을 구현하려 했으나 잘 되지 않았습니다. 그 이유에 대해 기술합니다.

테마 변경

NestJS에서 Redis 사용하기

캐싱을 위해 Redis를 NestJS에 적용하며 겪은 이슈들에 대해 적어보고자 합니다.

Redis를 적용하며 모듈을 2번이나 변경하고, 코드를 수정했던 과정에 대해 소개합니다.

바로가기

📚 기술 스택

분류	기술 스택
안드로이드
백엔드
배포
패키지 매니저
협업

🏛️ 시스템 아키텍처

👨‍👨‍👦 팀원 소개

J070 손문기	J157 최병익	K001 강은호	K012 박승준	K017 박태완
Back-End	Back-End	Android	Android	Android

📺︎ 작동 화면

로그인/회원가입	상품 추천/상품 상세	상품 추가 / 마이페이지	알람 확인

📝 기술 문서

• Feature List
• 칸반 보드
• 기능 명세
• 디자인
• ERD

더 많은 정보는 저장소 Wiki를 참고해주세요.

and09-priceguard's Issues

[회원가입 화면] 유효성 검사 통과 시 회원가입 버튼을 활성화한다.

요구사항

유효성 검사 통과 시 회원가입 버튼을 활성화한다.

추가 자료

추가 링크 및 자료는 여기 적어주세요

[상품 추가 화면] 링크가 유효하지 않으면 에러 메세지를 표시한다.

요구사항

링크가 유효하지 않으면 에러 메세지를 표시한다.

추가 자료

[상품 추가 화면] 상품 추가 페이지에서 상품의 목표 가격을 설정한다.

요구사항

상품 추가 페이지에서 상품의 목표 가격을 설정한다.

추가 자료

[상품 추가 화면] 데이터베이스에 유저의 상품 및 목표가격을 갱신한다.

요구사항

데이터베이스에 유저의 상품 및 목표가격을 갱신한다.

추가 자료

[회원가입 화면] 회원가입 정보를 검증하고 DB에 저장한다.

요구사항

회원가입 정보를 검증하고 DB에 저장한다.

추가 자료

추가 링크 및 자료는 여기 적어주세요

[인기 상품 목록 화면] 페이지를 새로고침하여 최신 데이터로 뷰를 업데이트할 수 있다

요구사항

인기상품목록에서 페이지를 새로고침하여 최신 데이터로 뷰를 업데이트할 수 있다.

추가 자료

[인기 상품 목록 화면] 응답받은 상품 목록을 보여줄 수 있다.

요구사항

인기상품목록에서 응답받은 상품 목록을 보여줄 수 있다.

추가 자료

사용자가 추천 상품 화면으로 이동한다

요구사항

사용자가 추천 상품 화면으로 이동한다

추가 자료

[로그인 화면] 입력받은 ID, PW를 서버에 전송한다.

요구사항

로그인 화면에서 입력받은 ID, PW를 서버에 전송한다.

추가 자료

[회원가입 화면] 회원가입 결과를 반환한다.

요구사항

회원가입 결과를 반환한다.

추가 자료

추가 링크 및 자료는 여기 적어주세요

[상품 추가 화면] 서버는 사용자가 등록한 상품의 가격을 주기적으로 조회한다.

요구사항

서버는 사용자가 등록한 상품의 가격을 주기적으로 조회한다.

추가 자료

[푸시알림] 상품의 현재 가격이 목표 가격보다 작거나 같으면 푸시 알림을 해당 사용자에게 보낸다.

요구사항

상품의 현재 가격이 목표 가격보다 작거나 같으면 푸쉬 알람을 해당 사용자에게 보낸다.

추가 자료

[로그인 화면] 로그인 정보가 존재한다면 자동 로그인한다

요구사항

로그인 정보가 존재한다면 자동 로그인한다.

추가 자료

[푸시알림] 푸시알림이 도착하면 사용자에게 알린다

요구사항

푸시알림이 도착하면 사용자에게 알린다

추가 자료

[회원가입 화면] 회원가입 버튼 클릭 시 아이디(이메일)와 비밀번호를 서버로 전송한다.

요구사항

회원가입 버튼 클릭 시 아이디(이메일)와 비밀번호를 서버로 전송한다.

추가 자료

추가 링크 및 자료는 여기 적어주세요

[상품 추가 화면] 다음 버튼 클릭 시 링크를 서버로 전송한다.

요구사항

다음 버튼 클릭 시 링크를 서버로 전송한다.

추가 자료

[상품 상세 화면] 제거 요청이 발생하면 사용자 테이블을 갱신한다.

요구사항

제거 요청이 발생하면 사용자 테이블을 갱신한다.

추가 자료

추가 링크 및 자료는 여기 적어주세요

[회원가입 화면] 회원가입 성공 시 홈 화면으로 이동한다.

요구사항

회원가입 성공 시 홈 화면으로 이동한다.

추가 자료

추가 링크 및 자료는 여기 적어주세요

[상품 추가 화면] 서버에서 성공적으로 응답 시 홈 화면으로 돌아온다.

요구사항

서버에서 성공적으로 응답 시 홈 화면으로 돌아온다.

추가 자료

[상품 상세 화면] 응답 성공 시 상품 이름, 이미지, 현재 가격을 표시한다.

요구사항

응답 성공 시 상품 이름, 이미지, 현재 가격을 표시한다.

추가 자료

추가 링크 및 자료는 여기 적어주세요

[알림설정] 푸시알림 설정에 따라 사용자가 받은 푸시 알림을 막거나 허용한다

요구사항

푸시알림 설정에 따라 사용자가 받은 푸시 알림을 막거나 허용한다

추가 자료

[상품 추가 화면] 쇼핑몰에서 공유 -> 앱 선택시 링크가 입력된 채로 상품 추가 페이지로 넘어온다.

요구사항

쇼핑몰에서 공유 -> 앱 선택시 링크가 입력된 채로 상품 추가 페이지로 넘어온다.

추가 자료

[상품 추가 화면] 사용자로부터 링크를 입력받는다.

요구사항

사용자로부터 링크를 입력받는다.

추가 자료

[회원가입 화면] 규칙에 맞는 비밀번호인지 확인한다.

요구사항

규칙에 맞는 비밀번호인지 확인한다.

추가 자료

추가 링크 및 자료는 여기 적어주세요

[상품 상세 화면] 상품 상세정보를 반환한다.

요구사항

상품 상세정보를 반환한다.

현재 상품 순위, 그래프, 최저가 정보는 더미 데이터로 대체하였음.

추가 자료

추가 링크 및 자료는 여기 적어주세요

[회원가입 화면] 유효한 이메일인지 확인한다.

요구사항

유효한 이메일인지 확인한다.

추가 자료

[테마 설정 화면] 앱 테마를 설정한다

요구사항

테마설정 화면에서 앱 테마를 설정한다

추가 자료

[로그인 화면] 로그인 성공시 홈 화면으로 이동한다.

요구사항

로그인 성공시 홈 화면으로 이동한다.

추가 자료

[상품 추가 화면] 공유 링크를 통해 상품 정보를 조회하여 반환한다.

요구사항

공유 링크를 통해 상품 정보를 조회하여 반환한다.

• axios을 통해 11번가 Open API 주소로 상품 정보 요청 (API KEY 필요)
• euc-kr로 인코딩 되어있는 xml 파일을 iconv 모듈을 이용해 디코딩
• xml-js 모듈을 활용하여 xml 파일을 json 파일로 변경
• 상품 코드, 상품 이름, 상품 가격, 판매 사이트, 상품 이미지 url을 반환

추가 자료

[상품 상세 화면] 페이지를 새로고침하여 최신 데이터로 뷰를 업데이트할 수 있다.

요구사항

페이지를 새로고침하여 최신 데이터로 뷰를 업데이트할 수 있다.

추가 자료

추가 링크 및 자료는 여기 적어주세요

[알림설정] 푸시알림 설정을 켜고 끌 수 있다

요구사항

• 알림설정 화면에서 푸시알림 설정을 켜고 끌 수 있다
• 로컬에서 항목 개별 알람 설정을 저장해 켜고 끌 수 있다

추가 자료

[상품 상세 화면] 맨 하단에 있는 버튼을 통해 쇼핑몰로 이동할 수 있다.

요구사항

맨 하단에 있는 버튼을 통해 쇼핑몰로 이동할 수 있다.

추가 자료

추가 링크 및 자료는 여기 적어주세요

[상품 추가 화면] 추가로 버튼 또는 슬라이더를 통해 목표 가격을 설정할 수도 있다.

요구사항

추가로 버튼 또는 슬라이더를 통해 목표 가격을 설정할 수도 있다.

추가 자료

[상품 상세 화면] 가격 그래프를 통해 상품의 가격 변동 추이를 보여줄 수 있다.

요구사항

가격 그래프를 통해 상품의 가격 변동 추이를 보여줄 수 있다.

추가 자료

추가 링크 및 자료는 여기 적어주세요

[상품 상세 화면] 현재 가격과 목표 가격의 차액을 보여줄 수 있다.

요구사항

현재 가격과 목표 가격의 차액을 보여줄 수 있다.

추가 자료

추가 링크 및 자료는 여기 적어주세요

[상품 상세 화면] 전달 받은 목표 가격을 서버의 DB에 반영한다.

요구사항

전달 받은 목표 가격을 서버의 DB에 반영한다.

추가 자료

추가 링크 및 자료는 여기 적어주세요

[로그인 화면] 로그인 실패시 실패 원인을 표시한다.

요구사항

로그인 실패시 실패 원인을 표시한다.

추가 자료

[설정 화면] 로그인 정보를 로컬에서 삭제한다.

요구사항

사용자가 로그아웃 하면 로그인 정보를 로컬에서 삭제한다.

추가 자료

[상품 상세 화면] 상품아이디로 상세정보를 서버에 요청한다.

요구사항

상품아이디로 상세정보를 서버에 요청한다.

추가 자료

추가 링크 및 자료는 여기 적어주세요

[로그인 화면] 회원가입 버튼 클릭 시 회원가입 화면으로 이동한다.

요구사항

로그인 화면에서 회원가입 버튼 클릭 시 회원가입 화면으로 이동한다.

추가 자료

[테마 설정 화면] 다이나믹 컬러를 지원한다

요구사항

테마설정 화면에서 다이나믹 컬러 활성화 유무를 지원한다

추가 자료

[인기 상품 목록 화면] 서버가 모든 상품에 대해 트래킹 중인 사용자가 많은 순서로 응답한다.

요구사항

인기상품목록에서 서버가 모든 상품에 대해 트래킹 중인 사용자가 많은 순서로 응답한다.

추가 자료

[설정 화면] 로그아웃 성공시 로그인 화면으로 이동한다.

요구사항

로그아웃 성공시 로그인 화면으로 이동한다.

추가 자료

[상품 추가 화면] 요청받은 공유 링크를 유효한 링크인지 검사한다.

요구사항

요청받은 공유 링크를 유효한 링크인지 검사한다.

• 상품 URL을 정규표현식으로 검사
• 예외 발생시 HttpException 처리

추가 자료

[로그인 화면] ID, PW를 검증하여 결과를 클라이언트에게 보낸다.

요구사항

전달 받은 ID, PW를 검증하여 결과를 클라이언트에게 보낸다.

• 이메일에 해당하는 User Entity 찾기
• 암호화된 패스워드와 일치하는 지 검증
• 유효하지 않은 입력(빈 값)일 시 오류 반환
• 로그인 성공 시 AccessToken, RefreshToken 반환

추가 자료

[목록 화면] 제거 요청에 대한 응답 성공 시 목록에서 상품을 제거한다.

요구사항

제거 요청에 대한 응답 성공 시 목록에서 상품을 제거한다. (뷰 업데이트)

추가 자료

추가 링크 및 자료는 여기 적어주세요

[상품 상세 화면] 상품의 목표 가격을 수정해서 서버에 요청할 수 있다.

요구사항

상품의 목표 가격을 수정해서 서버에 요청할 수 있다.

추가 자료

추가 링크 및 자료는 여기 적어주세요

[상품 추가 화면] 조회한 상품 정보를 화면에 보여준다.

요구사항

조회한 상품 정보를 화면에 보여준다.

추가 자료

[상세 화면] 트래킹 제거 요청을 서버로 보낼 수 있다.

요구사항

노란색 별표 버튼을 클릭 시 트래킹 제거 요청을 서버로 보낼 수 있다.

추가 자료

추가 링크 및 자료는 여기 적어주세요

[상품 추가 화면] 트래킹 추가 요청을 서버에 전송한다.

요구사항

트래킹 추가 요청을 서버에 전송한다.

추가 자료

추가 링크 및 자료는 여기 적어주세요