✨ 어떤 기능인가요?

직접 DB에서 삭제하는 불편함을 개선하기 위함

스타일 분석 이력에서 [삭제] API 추가

✅ 작업 상세 내용

• Notion API 명세서에 새롭게 추가
• Delete API 추가

✨ 어떤 기능인가요?

크롤링 코드 파이썬으로 통합하기

♻️ 기존 코드

• [Python] 이미지 데이터 로컬에 다운로드
• [Java] DB에 Meta Data 업로드하기
• [Python] 이미지 퍼스널 컬러 분석하여 업로드하기

✅ 작업 상세 내용

• codishop 영어로 이미지 다운로드하기
• DB에 업로드 하는 코드 파이썬으로 이전
• 이미지 다운로드 할 때, DB 참고하여 현재 다운 완료된 이미지 체크하기
• 브랜드스냅 데이터 스타일 별로 다운하지 않고, number로 다운로드 하기
• 하나의 코드로 통합

📋 참고할만한 자료(선택)

• 추후 : 서버에서 배치 프로그램으로 주기적으로 실행하기

✨ 어떤 기능인가요?

스타일 분석 후 페이지 디자인 변경

✅ 작업 상세 내용

• 스타일 분석 후 페이지 퍼스널 컬러 상세 설명 내용 추가
• 스타일 분석 후 페이지 패션 상세 설명 내용 추가 (사진 여러개 형태)
• 퍼스널 컬러 분석 후 페이지 퍼스널 컬러 색상 개수 6개로 변경
• 스타일에 따른 코디 둘러보기 버튼 이동
• 퍼스널 컬러에 따른 코디 둘러보기 버튼 이동
• keywardFashion 페이지 디자인 수정 (검색 관련 키워드 띄우기)

📋 참고할만한 자료(선택)

✨ 어떤 기능인가요?

AWS Lambda 환경 세팅

✅ 작업 상세 내용

• Lambda에 맞는 코드 작성
  • .keras 모델 로드 방식 변경 필요 @KimHayeon0824
  • GCP OAuth credentials 재 다운로드 필요
• 배치 코드 작성
  • AWS CLI를 통해서 한번에 Docker > ECR > Lambda 배포 가능
• CI/CD 코드 작성
  • GitHub Action을 통한 CI/CD 구축
• Tensorflow version 2.15.0 다운그레이드
  • S3에 Model Type 폴더 형태로 변환
• Lambda에 API Gateway 붙이기. -> timeout 30초
  • AWS cli를 통한 명령어 실행
  • GitHub Action을 통한 자동화 구축
• json body parsing
• Lambda 함수 URL 추가
  • AWS CLI 통한 권한 추가

📋 참고할만한 자료(선택)

🐞 어떤 버그인가요?

스타일 둘러보기에서 남성이 검색이 안되는 오류 발생

🤔 어떤 상황에서 발생한 버그인가요?

(가능하면) Given-When-Then 형식으로 서술해주세요

• Given : 스타일 둘러보기에서 남성 필터로 하면 오류가 발생

• When

  • 스타일 둘러보기를 했을 때 남성, 색상 필터 오류

• Then

정상적으로 응답은 옴

어플 내에서는 통신 오류 발생

I/flutter (22562): Error: type 'Null' is not a subtype of type 'Map<dynamic, dynamic>'

백엔드에서는 색상이 Red로만 검색이 됨

📋 참고할만한 자료(선택)

✨ 어떤 기능인가요?

스타일 둘러보기 필터에서 "내 퍼스널 컬러를 반영한 의류 검색" 기능에 필요한 내 퍼스널 컬러를 반환함

✅ 작업 상세 내용

• 기존 controller에서 data의 형태를 list 로 변환시켜서 반환하는 코드 삭제
• 스타일 둘러보기에서 API를 통해서 가져오는 body 형태 풀어서 message에 있는 퍼스널 컬러 저장해주기
• 스타일 둘러보기 페이지에서 퍼스널 컬러 필터를 넣었을 때 필터 확인할 수 있게하기

✨ 어떤 기능인가요?

퍼스널 컬러 대표색 업데이트

✅ 작업 상세 내용

• DB 작업 진행 : 퍼스널 컬러 대표색 업데이트

📋 예시 자료

✨ 어떤 기능인가요?

스타일에서 골프 키워드 추가

✅ 작업 상세 내용

• 골프 이미지 작업하기
• 골프 이미지 구글 업로드 및 DB 업데이트
• 코드 내 골프 키워드 추가

📋 참고할만한 자료(선택)

🐞 어떤 버그인가요?

스타일 둘러보기에서 남성이 검색이 안되는 오류 발생

🤔 어떤 상황에서 발생한 버그인가요?

(가능하면) Given-When-Then 형식으로 서술해주세요

• Given : 스타일 둘러보기에서 남성 필터로 하면 오류가 발생

• When

  • 스타일 둘러보기를 했을 때 남성, 색상 필터 오류

• Then

정상적으로 응답은 옴

어플 내에서는 통신 오류 발생

I/flutter (22562): Error: type 'Null' is not a subtype of type 'Map<dynamic, dynamic>'

백엔드에서는 색상이 Red로만 검색이 됨

📈 수정 사항

• 색상 검색 반영하기
• 응답 받은 값 띄워주기

📋 참고할만한 자료(선택)

✨ 어떤 기능인가요?

프론트엔드 세부적인 디자인 수정 필요성 대두됨

✅ 작업 상세 내용

수정 할 때마다 추가할 예정임

• Google Font 반영
• 로그인 페이지 수정
  • 아이콘 별로라 삭제
  • 전화번호 입력 필드는 숫자만 입력 가능하도록 수정
• Intro 페이지 여러 사진 추가하기
  • PageView 자동 넘어감
  • PageView만 존재하면 심심하여 인디케이터 추가
• 스타일 둘러보기 선택 완료 버튼 모든 TabBar에서 표시되도록 수정
  • 기존의 색상 탭에서만 표시되던 버튼을 하나로 통합
• perst 로고 archivoBlack 폰트로 통일
• 스타일 분석하기 탭 설명 추가
  • Scrollview로 구성
  • 추후 더 넣을 내용 논의하여 추가하기

📋 스크린샷

1️⃣ 로그인 페이지 수정

기존	수정

2️⃣ Intro 페이지 여러 사진 추가하기

기존	수정

3️⃣ 선택 완료 버튼 모든 TabBar에서 표시되도록 수정

기존	수정

4️⃣ 스타일 분석하기 탭 설명 추가

기존	수정

5️⃣ 로고 폰트 통일

🐞 어떤 버그인가요?

• 스타일 분석 시 오류 발생
  • 퍼스널 컬러 매칭 오류
  • 퍼스널 컬러 미 진단 시 스타일 분석이 안되는 오류
  • 머신 러닝에서 추출되는 컬러 length 파악하여 전달하기
  • 동시성 오류 수정하기 (스타일 분석 중 하나의 기기에서 중간에 오류가 발생하면, 다른 기기에서 수행 중인 스타일 분석 작업 이미지가 삭제 되어 영향을 미침)

🤔 어떤 상황에서 발생한 버그인가요?

(가능하면) Given-When-Then 형식으로 서술해주세요

• Given : 단색 의류를 촬영했을 때
• When : 스타일 분석 시
• Then : 오류 발생하여, 넘어가지 않음

📈 수행 작업

• 퍼스널 컬러 매칭 범위 다시 체크
• 스타일 분석 API 수정하기 - Length마다 체크하기
  • 프론트엔드에서도 Length -> for로 변경해야함
• 스타일 분석 상세 이력 체크할 때도 수정하기 -> DB에서 가져오는 것이라 영향 없을 듯

📋 참고할만한 자료(선택)

• AWS CloudWatch - 2024-06-20 09:08:38 (UTC)

✨ 어떤 기능인가요?

스타일 분석 그래프 퍼센트 띄우기

✅ 작업 상세 내용

• 스타일 분석 그래프 상위 두개 퍼센트 띄우기
• 스타일 분석 이력 최신 순서대로 띄우기
• 스타일 분석 가장 높은 퍼센트를 가진 키워드 띄워주기
• 스타일 분석 리스트 중 데이터 한개 눌렀을때 분석 상세 페이지 띄워주기
• 스타일 분석 디테일 퍼스널컬러 오류, 내 스타일에 따른 추천 의류 퍼스널컬러 오류
• 퍼스널컬러 진단 결과 1위의 결과로 뜨지 않는 오류 해결
• 스타일 분석 결과 페이지 분석 사진 출력
• 키워드 패션 디테일 상세정보 페이지 디자인 수정
• 스타일 분석 진행 중 소요 시간 modal 띄우기
• myStyle 분석 내용 출력
• 내 정보 수정 출력
• 스타일 둘러보기 데이터 없을 시 "검색 결과가 없습니다." 출력

스타일 분석 디테일 페이지	스타일 분석 이력 차트

기존	수정

myStyle 페이지	내 정보

📋 참고할만한 자료(선택)

✨ 어떤 기능인가요?

스타일 분석 후 피드백 중, 패션 팁을 제공하는 기능

✅ 작업 상세 내용

• 상세 이미지 작업 중
  • 남성
  • 여성

• 구글 드라이브 이미지 업로드 및 DB 저장

• 구글 드라이브에서 이미지 검색하는 코드 작성 -> DB 데이터 호출로 변경
• 검색한 이미지 API에 이미지 링크 추가하기

📋 참고할만한 자료(선택)

🐞 어떤 버그인가요?

쇼핑몰 둘러보기에서 퍼스널 컬러가 반영이 안되는 오류

🤔 어떤 상황에서 발생한 버그인가요?

• Given : APP에서 스타일 둘러보기 API 호출 시 진단한 퍼스널 컬러를 불러오지 못하는 오류

• When : APP에서 퍼스널 컬러 반영하여 둘러보기를 클릭하였을 때
  

• Then : 백엔드에서 오류를 찾아보기로 함

📈 수정 결과

• DB에서 불러올 때, 고객의 번호 Mapping이 되어있지 않은 오류가 있었음.

📋 참고할만한 자료(선택)

✨ 어떤 기능인가요?

스타일 분석 중 내 퍼스널 컬러와 진단된 퍼스널 컬러 비교하기

• 내 퍼스널 컬러가 없다면? : 진단된 퍼스널 컬러에 대한 정보 제공
• 내 퍼스널 컬러가 있다면? : 내 퍼스널 컬러에 대한 정보 제공

✅ 작업 상세 내용

• Flask에서 스타일 분석 후 진단된 퍼스널 컬러 DB에 등록
• Google Drive에 이미지 파일 업로드
• 백엔드에서 내 퍼스널 컬러 확인하기
  • 비동기로 내 퍼스널 컬러 확인
• API 구성 : 내 퍼스널 컬러 타입 / 진단된 퍼스널 컬러 타입 / Image FileID

[프론트엔드에서 구현]

• 내 퍼스널 컬러가 있다면?
  • 한 줄 피드백
    • 내 퍼스널 컬러에 맞게 잘 입었어요!
    • 현재 입은 컬러는 "겨울 딥"이에요. 내 퍼스널 컬러인 "여름 브라이트 컬러로 입어보세요" -> 대표 색상, 추천법
  • 추천법 사진(미리캔버스 작품), 대표 색상 API로 전달
• 내 퍼스널 컬러가 없다면?
  • 퍼스널 컬러 진단을 하면 더 좋은 추천을 받을 수 있어요.
  • 추천법 사진(미리캔버스 작품), 대표 색상 API로 전달

🖼️ 스크린샷

✨ 어떤 기능인가요?

API 연동하기

✅ 작업 상세 내용

• Connect에서 서버와 연동하는 코드 생성
• Controller에서 서버에서 가져온 코드 json 형식으로 풀어주기
• View 페이지에서 onInit 또는 button click 시 API 연동해서 데이터 불러오기

📋 참고할만한 자료(선택)

✨ 어떤 기능인가요?

스타일 둘러보기 필터에서 "내 퍼스널 컬러를 반영한 의류 검색" 기능에 필요한 내 퍼스널 컬러를 반환하기 위함

✅ 작업 상세 내용

• Notion API 명세서 수정
• HTTP Response - Message에 퍼스널 컬러 타입 반환

📋 참고할만한 자료(선택)

Future<List<FashionSearchModel>> searchWoman(String womanFashionKeyword,
      bool isPersonal, List<String> colorList, String season) async {
    try {
      Map<String, dynamic> response = await fashionSearchConnection.searchWoman(
          womanFashionKeyword, isPersonal, colorList, season);
      List<dynamic> results = response['data'];
      List<FashionSearchModel> fashions = [];
      for (var result in results) {
        fashions.add(FashionSearchModel.fromJson(result));
      }
      return fashions;
    } catch (e) {
      print('Error in searchWoman: $e');
      throw Exception('통신오류입니다.');
    }
  }

Controller에서 List<dynamic> results = response['data'];로 데이터들을 불러오고 있는데
내 퍼스널 컬러를 message에 담을 예정. response['message'] 로 하면 내 타입을 가져올 수 있음.
하지만 HTTP가 200일 때만 Message에 내 퍼스널 컬러 타입이 담길 예정

리턴은 새로운 객체로 전달하거나, 상태 관리를 이용하거나 다양한 방법 고려하기

✨ 어떤 기능인가요?

페이지 구성 완료

✅ 작업 상세 내용

• 페이지 디자인 완료
• 페이지 API 연동 완료

📋 참고할만한 자료(선택)

✨ 어떤 기능인가요?

최종 수정

✅ 작업 상세 내용

• 스타일 둘러보기에서 검색결과 없음, 검색 중, 검색결과 띄우기 구분해서 페이지 로드
• 내 스타일 보기에서 진단 이력 조회 중 조회 결과 삭제 기능
• 내 스타일 보기에서 분석 이력 중 스타일 코디법 내용 추가
• 퍼스널 컬러 진단 결과 후 퍼스널컬러에 따른 코디 보러가기
• 퍼스널 컬러 진단하지 않고 스타일 분석 시 퍼스널컬러로 페이지 이동
• 패션 분석 이미지, 카메라 두개 다 넣기

📋 참고할만한 자료(선택)

✨ 어떤 기능인가요?

머신러닝 새 모델 반영

✅ 작업 상세 내용

• DB Delete시 Transactional 작업
• cnn_model.py 수정
• S3에 새 모델 업로드
• Spring에서 스타일 변환 코드 삭제 -> 머신러닝 단에서 이미 스타일 반영됨
• 테스트 진행

📋 참고할만한 자료(선택)