👥 팀원 소개

프로젝트 진행 상황

📌 목표 대비 진행상황

<기능 요구 사항>

스타일

• [x] 스타일 등록
• [x] 스타일 수정
• [x] 스타일 삭제
• [x] 스타일 목록 조회
• [x] 스타일 상세 조회
• [x] 스타일 태그 조회
• [x] 스타일 이미지 업로드

큐레이팅

• [x] 큐레이팅 등록
• [x] 큐레이팅 수정
• [x] 큐레이팅 삭제
• [x] 큐레이팅 목록 조회

답글

• [x] 답글 등록
• [x] 답글 수정
• [x] 답글 삭제
• [x] 답글 목록 조회

<심화 요구 사항>

• [ ] 일관된 에러처리 구현
• [x] 객체 지향 프로그래밍 적용
• [x] ORM에서 select 고급 활용

📌 구현 과정에서 어려움, 해결 과정

< 스타일 목록 조회시 중복되는 검색 조건 처리 >

• 프론트에서 인기 태그 목록의 태그와 직접 지정한 검색 기준 및 검색 키워드의 조합으로 한번에 여러 조건으로 한번에 검색 요청이 들어오는 경우가 많음

  // 프론트 -> 백엔드 목록 조회 요청 url
  // 키워드 검색만 하는 경우
  GET /styles?sortBy=latest&searchBy=title&keyword=%E3%85%87%E3%84%B4%E3%84%B4%E3%85%87&tag=&page=1&pageSize=12 
  // 키워드 검색, 태그 검색 동시에 하는 경우
  GET /styles?sortBy=latest&searchBy=title&keyword=%E3%85%87%E3%84%B4%E3%84%B4%E3%85%87&tag=test3&page=1&pageSize=12
  

• 명세서를 보고 그냥 이해해서 구현한 코드에서는 태그목록으로 검색하려면 검색 조건에 태그만 넣고 아닌경우엔 검색 조건에 검색 기준과 키워드를 넣도록 구현하니 프론트 코드와 연결 시 오류 발생

• 이슈 사항 분석 후 문제 해결

  • 프론트의 요청엔 검색조건으로 태그와 검색 키워드, 검색 기준이 동시에 존재 할 수 있음
  • 검색기준(searchBy)으로 들어오는 tag와 그냥 tag 쿼리로 들어오는 값을 서로 다르게 처리해야함
  • 태그 목록조회를 위한 tags 속성은 값이 배열이라 문자열인 속성과 검색 문법이 다름
  • tags를 기준으로 할땐 has, 기타 검색기준을 검색할 땐 contains 사용

• 해결된 코드

  // db 스키마와 프론트의 요청 속성 이름이 다른 문제 해결
  const searchByKeyword = searchBy === 'tag' ? 'tags' : searchBy;
        const where = {
          AND: [ // 태그와 키워드 모두 고려하여 검색
            tag ? { tags: { has: tag } } : undefined,
            keyword
              ? { // searchBy로 tag가 들어오는 경우 has로 검색, 그 외엔 contains
                  [searchByKeyword]:
                    searchByKeyword === 'tags'
                      ? { has: keyword }
                      : { contains: keyword },
                }
              : undefined,
          ].filter(Boolean), // 검색 기준이 undefined면 삭제
        };
  

< 답글 조회 불가 문제 >