Release: v2.0.0 (#515)

* feat: 식품 필터링 결과 없을 때 텍스트 추가 (#431)

* feat: 식품 필터링 결과 없을 때 텍스트 추가

* refactor: 필터링 결과 없을 때 텍스트 문구 수정

* refactor: Toast 사용 방법 리팩터링 / 강아지 터치 이스터에그 수정 (#428)

* refactor: Toast 로직 Context with Provider로 변경

* refactor: 강아지 이스터에그 수정

* refactor: ToastContext 타입 분리 및 리팩터링

* refactor: Landing Toast 사용 방법 변경

* fix: 이스터에그 오탈자 수정(꺠 -> 깨) (#443)

* feat: 리뷰 요약 조회 json 프로퍼티 명 수정 (#449)

* fix: json 프로퍼티명 수정

* fix: 리뷰 요약 조회 API 문서 수정

* chore: 사용하지 않는 의존성 제거

* chore: 사용하지 않는 DTO 제거

* feat: 쿼리 카운터 적용 (#445)

* feat: 쿼리 카운터 객체 생성

* feat: 커넥션 다이나믹 프록시 구현을 위한 handler 추가

* feat: 쿼리카운터 AOP 적용

* feat: 쿼리카운터 로깅 인터셉터 추가

* test: 공통 MockMvcTest 추가

* feat: refresh token 적용 (#447)

* feat: refresh token 설정값 추가

* feat: refresh token 생성 기능 추가

* feat: refresh token을 쿠키에 담아 담는 기능

* refactor: String.valueOf() 대신 .toString()을 사용하도록 변경

* refactor: refreshTokenCookieProvider 객체 도출

* refactor: tokenRefresh 기능 구현

* refactor: ResponseCookie 적용

* test: authServiceTest 작성

* test: jwtProviderTest 작성

* test: refreshTokenRepositoryTest 작성

* chore: application-local1.yml 삭제

* feat: 로그아웃 기능 구현

* test: 토큰 인증 실패시 401 예외 추가

* refactor: DTO 네이밍 헷갈리지 않도록 수정

* test: 로그아웃 쿠키 테스트 추가

* test: 로그아웃 쿠키 테스트 수정

* feat: API 명세 변경 `/logout` -> `/log-out`

* refactor: Tokens -> TokenDto 네이밍 변경

* feat: token rotation 제거

* refactor: AuthServiceTest 내 모킹테스트 분리

* refactor: Controller 테스트 분리

* feat: refreshToken BaseTimeEntity 적용

* refactor: renewAccessToken -> renewAccessTokenBy 메서드명 변경 및 파라미터 이름 token -> refreshToken 변경

* refactor: 테스트용 시크릿 키 상수 분리

* refactor: 개행 변경

* refactor: logout 통일

* refactor: 토큰 만료기한 변수명 수정

* test: 불필요한 @SpringBootTest 제거

* refactor: 토큰 생성시 받는 파라미터 타입 변경

* feature: 에러 핸들링 고도화 (#453)

* feat: webpack config 자동 완성 annotation 추가

* feat: ErrorBoundary onError 옵션 추가

* feat: RenderProps 타입 추가

* feat: ErrorBoundary ignore option 추가

* feat: APIBoundary 추가

* feat: componseFunctions util 함수 추가

* feat: useErrorBoundary 추가

* feat: PrefetchImg 추가

* refactor: Global Provider들의 사용 위치를 index > App으로 변경

* feat: Global eventHandler 추가

- online
- offline
- unhandledrejection

* feat: QueryBoundary 추가 및 디렉토리 위치 변경

* refactor: QueryBoundary 불필요한 의존성 제거

* refactor: 전역 Provider들의 경계 재조정

* fix: QueryBoundary 임포트 경로 수정

* feat: msw 모듈 경로 수정

* refactor: FoodList 데이터 요청 위치 변경

* feat: exception routes 추가

* feat: exception router에 ErrorPage 적용

* refactor: ErrorBoundaryState 타입을 명시적으로 수정

* feat: ErrorBoundaryValue 타입에 error 타입 추가

* feat: ErrorBoundary fallback에 error 정보도 함께 제공

* feat: CustomError 추가

- RuntimeError
- UnexpectedError

* feat: APIBoundary UnexpectedError 적용

* refactor: error message 수정

* feat: EndOfErrorBoundary 추가

* refactor: UnexpectedError의 메세지 오버라이딩 제거

* feat: APIErrorCode 추가

* refactor: ManageableAxiosError 타입 분리

* feat: APIError 추가

* feat: APIBoundary 통신 성공시 APIError throw

* chore: refresh icon 추가

* chore: home icon height, viewbox 수정

* feat: NOT_FOUND error message 추가

* refactor: UnexpectedError가 모든 value를 받을 수 있도록 수정

* refactor: ErrorPage를 동적으로 수정

- error의 종류에 따라 status와 message 표시
- NotFound page 추가

* refactor: exception routes에 NotFound 페이지 적용

* refactor: UnexpectedError message 변경

* refactor: canManage 조건 수정

* refactor: Error static method 추가

- convertToError 추가
- canManage를 APIError의 static method로 변경

* refactor: CustomError > ZipgoError 네이밍 변경

* feat: useMutationWithToast 추가

* feat: EndOfErrorBoundary 적용

* feat: 전역 staleTime, cacheTime 설정

* feat: reviewList query staleTime 1분으로 설정

* feat: useMutationWithToast critical option 추가

* refactor: APIBoundary가 APIError인 경우 throw하지 않도록 수정

* refactor: ignore key 상수로 분리

* refactor: type only export로 변경 및 named export 그룹화

* refactor: 사용하지 않는 type export 제거

* refactor: 네트워크 에러 메세지를 상수로 분리

* refactor: Unhandled rejection을 에러바운더리에서 처리

* refactor: axios interceptor가 최초 렌더링시에 등록되도록 수정

* refactor: 주석 제거

* refactor: convertToError 로직에서 ZipgoError는 재변환 하지 않도록 변경

* feat: warning icon prefetch

* feat: ErrorCode 타입 기본값 적용

* refactor: AxiosInterceptors 제거

- request interceptor에서 Promise를 리턴하지 않는 문제 수정
- 토큰 만료시 로그인 페이지 리다이렉트 로직을 APIBoundary로 분리

* refactor: RenderProps return type 변경

* feat: resolveRenderProps 함수 추가

* refactor: ErrorBoundary가 무조건 에러를 변환하도록 변경

* feat: isDifferentArray 유틸 함수 추가

* feat: ErrorBoundary 기능 추가

- location 정보가 변경되면 에러가 초기화 되도록 변경
- resetKeys prop 추가

* refactor: APIBoundary에서 401 핸들링을 하도록 변경

* refactor: 함수 선언식을 화살표 함수로 변경

* refactor: APIBoundary 불필요한 에러 재변환 제거

* refactor: composeFunctions와 composeEventHandlers 함수를 통합

* refactor: APIBoundary가 onErrorProps도 실행하도록 변경

* refactor: 기존의 composeEventHandlers를 composeFunctions로 변경

* feat: 메인페이지 하단 '사료 선택 도움말 배너' 추가 (#458)

* feat/#457: 사료 선택 도움말 배너  컴포넌트 추가

* test/#457: 스토리 추가

* feat/#457: 랜딩페이지에 도움말 배너 추가

* refactor/#457: 애니메이션 테마로 분리

* Merge branch 'develop' of https://github.com/woowacourse-teams/2023-zipgo into feature/#457

* fix/#457: 사파리에서 svg 이미지 깨지는 문제 webp 이미지 사용으로 해결

* chore: 스토리북 배포 워크플로우 추가 (#464)

* fix: 스토리북 배포 워크플로우에서 캐시 무효화 로직 삭제 및 mockServiceWorker 경로 수정 (#466)

* chore/#465: 클라우드프론트 캐시 무효화 로직 워크플로우에서 삭제

* chore/#465: 스토리북 mockServiceWorker 경로 설정

* fix: 스토리북 배포 워크플로우 캐시 경로 수정 (#468)

* chore: 프론트엔드 프로젝트 배포 워크플로우에 캐시적용 (#470)

* chore/#469: 프론트엔드 프로젝트 배포 워크플로우에 캐시 적용

* chore/#469: 작업 실행 조건 수정

* feat: 식품 필터 선택 후 선택한 필터 보여주는 기능 추가 (#461)

* feat/#460: 반려견 등록 화살표 삭제

* feat/#460: 선택한 필터 보여줄 때 난독화돼서 나오지 않도록 url복호화

* refactor/#460: 파일 이동

* feat/#460: 선택한 필터 목록 보여주는 기능 추가

* refactor/#460: 컴포넌트명 수정

* refactor/#460: 컴포넌트명 수정

* fix/#460: 잘못된 지표 설명 수정

* refactor/#460: iPhone13 mini에서 도움말 줄바꿈 없이 보이도록 수정

* refactor: else if 문 개선

* refactor: 클릭이벤트핸들러 SelectedFilterItem으로 이동

* refactor: string배열 KEYWORD_EN으로 대체

* refactor: 타입명과 일치하도록 category > keyword로 변수명 수정

* feat: Object.entries 타입 추론을 위한 오버로딩 타입 추가

* refactor: 쿼리스트링에 따라 필터 상태 업데이트 하도록 수정

* refactor: 펫푸드 테스트코드 리팩터링 (#459)

* refactor: PetFoodQueryRepository 테스트간 독립성 보장

* refactor: PetFoodQueryService 테스트간 독립성 보장

* refactor: PetFoodController 테스트간 독립성 보장

* refactor: PetFoodQueryRepository 테스트 수정

* refactor: fixture 수정

* refactor: PetFoodQueryService 테스트 수정

* refactor: PetFoodController 테스트 수정

* refactor: QueryServiceTest 삭제

* refactor: 테스트 환경 통합 및 불필요한 컨테이너 제거

* refactor: abstract 추가

* feat: Datadog Trace 어노테이션 추가 (#475)

* feat: datadog 의존성 추가

* feat: Trace 어노테이션 추가

* feature: ErrorBoundary 사용 방식 변경 및 간소화 (#477)

* refactor: 불필요한 stringify 제거

* refactor: APIError status 타입 지정

* refactor: shouldIgnore 파라미터 타입을 제네릭으로 변경

* feat: BaseFunction type 추가

* feat: resolveFunctionOrPrimitive 유틸 함수 추가

* refactor: APIBoundary onError > ignore로 변경

* refactor: APIError의 method가 get이 아니라면 ignore true로 설정

* refactor: Error field 수정

- ignore > IGNORE_KEY

* refactor: ignore 인터페이스 수정

- boolean도 사용할 수 있도록 변경

* refactor: ErrorBoundary 인터페이스 수정

- mustCatch 추가
- ignore > shouldIgnore로 변경
- EndOfBoundary > CriticalBoundary로 변경
- 기존 shouldIgnore 유틸 함수 > isIgnored로 변경

* chore: nvmrc 추가 v18.16.1

* feat: Loading 컴포넌트 추가

* refactor: 기존 QueryBoundary 사용을 Loading, Suspense로 변경

* feat: 같은 플로우 안의 여러 페이지를 관리하기 위한 퍼널 추상화 및 적용 (#482)

* refactor/#473: navigate 관련 코드 훅 분리

* feat/#473: Funnel, useFunnel 구현

* feat/#473: NonEmptyArray 타입 추가

* feat/#473: ReviewFormFunnel 적용

* refactor/#473: Review페이지 경로 수정

* feat/#473: 템플릿 overflow-y auto로 변경

* feat/#473: 스크롤 디자인 안보이도록 수정

* feat/#473: useFunnel 반환값 객체로 수정

* feat/#473: PetProfile 등록 폼 Funnel 적용

* fix/#473: 믹스견인 경우에만 petSize 기본값 넣어주도록 수정

* feat/#473: 펫 등록 폼 작성 시 페이지 이동해도 상태가 유지되도록 설정

* feat/#473: 폼 작성 중 사용자의 실수를 예방하기 위한 goBackSafely 적용

* feat/#473: 리뷰 스텝 상수화

* fix/#473: 0살(1살미만)일 때 다음 버튼 활성화되도록 수정

* fix/#473: ReviewForm 테스트 깨지는 문제 해결

* refactor/#473: 코드 컨벤션 맞추기 및 불필요한 코드 삭제

* refactor/#473: 인라인 분기문 변수로 추출

* fix: 토큰이 없는 경우 예외 변경 (#480)

* fix: 예외 변경

* test: 테스트 수정

* feat: localhost https 추가 (#485)

* refactor: '사료 선택 도움말 배너'를 닫으면 리액트 내부 페이지 이동 시 안 보이도록 수정 (#486)

* refactor: UI/UX 개선 (#488)

* refactor: AlignSelect를 native select로 변경

- 실제 쿼리스트링과 select option을 동기화
- 아이콘 제거

* refactor: ALIGN_QUERY < REVIEW_ALIGN_QUERY 네이밍 변경

* feat: REVIEW_FILTER_QUERY_STRINGS 상수 추가

* refactor: 불필요한 콜백 제거

* refactor: 리뷰 메타데이터 타입을 상수를 활용하도록 변경

* feat: 리뷰 필터 상태와 쿼리스트링 동기화

* feat: 필터 아이콘 위치 우측으로 변경

* feat: 상수 적용 및 불필요한 useEffect 제거

* refactor: 견종 select 기본 화살표 제거

* feat: ReactQueryDevtools 추가

* refactor: StyledProps $props 형식을 카멜 케이스 네이밍에만 적용

* refactor: theme animation > keyframes로 변경 및 별도의 animation 속성 추가

* refactor: COMMENT_VISIBLE_LINE_LIMIT 오타 수정

* feat: ReviewItem Skeleton 추가

* refactor: 기존 ReviewList > ReviewListAndChart로 변경 및 ReviewList 컴포넌트 분리

* refactor: query key 템플릿 리터럴 제거

* refactor: 변경된 ReviewListAndChart 네이밍 적용

* refactor: query key에 queryString 추가

* refactor: refetch > query key에 queryString을 추가하는 방식으로 변경

* feat: SuspendedImg 추가

* refactor: StarRatingDisplay 별점 이미지 SuspenedImg로 변경

* feat: ReviewControls Skeleton 추가

* refactor: SuspensedImg src를 옵셔널로 변경

* refactor: ReviewItem img > SuspendedImg로 변경

* refactor: 누락됐던 FilterSelectionDisplay 재적용

* feat: SuspenedImg lazy loading 기능 추가

* feat: FoodList Skeleton 추가

* feat: foodList fixture imageUrl 추가

* feat: FoodItem Skeleton 추가 및 LazyImg > SuspendedImg로 변경

* feat: FoodList Skeleton 적용

* feat: FilterBottomSheet 최대 높이 지정

* feat: iPhone8 이하 사이즈 대응

* refactor: ReviewControls 레이아웃 수정

* chore: stylelint rule 추가

* refactor: 사료 필터 목록 레이아웃 최소 높이 설정

* refactor: GuideBanner 작은 디바이스에서 폰트 사이즈 작게 변경

* refactor: 영양기준 국기 이모지 > svg로 변경

* refactor: ReviewList 리뷰 결과 없음 컴포넌트 디자인을 식품 결과 없음과 통일

* fix: NutritionStandardBlock story State를 직접 명명

* refactor: NonEmptyArray type export로 변경

* refactor: styledprops $재적용

* refactor: �OAuth API 호출을 트랜잭션 범위에서 분리 (#471)

* refactor: AuthServiceFacade 적용

* test: AuthServiceFacade를 모킹으로 분리

* test: OAuth API 생성 메서드명 통일

* refactor: 서드파티 성공 응답 fixture 생성

* refactor: AuthControllerTest로 네이밍 변경

* feat: 모바일 디바이스(ios)에서 <input>, <textarea> 포커스 시 자동 zoom-in되는 현상 개선 (#492)

* refactor/#491: 불필요한 코드 삭제

* feat/#491: 글로벌스타일 수정

* fix/#491: 데스크톱 사파리에서 네모로 나오는 라벨 디자인 수정

* feat/#491: 모바일 화면에서 zoom-in되지 않도록 폰트 사이즈 설정

* feat/#491: select border-radius 기본 스타일 제거

* refactor/#491: 중복 css 코드 삭제

* feat: 데스크탑 뷰 전역 레이아웃 구현 (#494)

* feat: DesktopView 구현

* fix: storybook ci 오류 해결

* refactor: redirectUri를 프론트엔드로부터 받는 방식으로 변경 (#456)

* fix: allowCredentials 옵션 및 허용 헤더 추가 (#496)

* feat: 무중단 배포를 위한 환경분리 추가 (#495)

* feat: 쿠키 내 SameSite=None 옵션 추가 (#497)

* fix: allowCredentials 옵션 및 set-Cookie 헤더 추가

* fix: sameSite none 옵션 추가

* fix: sameSite none 옵션 추가

* fix: 쿠키 내 domain 설정 추가 (#498)

* fix: UI 깨짐 해결 (#501)

* feature: 카카오 로그인 redirect uri 동적으로 설정 (#500)

* feat: refreshZipgoAuth api 추가

* feat: response interceptor refresh 로직 추가

* refactor: useNavigate > useEasyNavigate로 수정

* chore: .gitignore *.pem 추가

* feat: https cert key paths 추가

* feat: localhost https 적용

* feat: 환경 변수 추가

- isLocal 추가
- HOMEPAGE 추가
- isDevelop, isProduction, HTTPS 분리
- KAKAO_REDIRECT_URI 삭제 및 webpack에서 동적으로 설정하도록 변경

* feat: 로그인 api 수정

- loginZipgoAuth redirect-uri 쿼리 스트링 추가
- refreshZipgoAuth withCredentials 옵션 추가

* feat: isAuthError static method 추가

* refactor: 불필요한 axios instance 설정 제거

* refactor: 유저 권한 인증 로직 분리 > useCheckAuth

* feat: Priavte route 컴포넌트 추가

* feat: Private route 적용

* refactor: test 코드 제거

* refactor: 카카오 로그인 에러를 Runtime 커스텀 에러로 변경

* refactor: error text가 개행이 가능하도록 변경

* fix: storybook process is not defined 오류 수정

* feat: RefreshToken 전환 (#503)

* feat: RefreshToken 적용

* chore: EOF 추가

* refactor: refreshToken 플로우 변경 (#504)

* docs: README 업데이트 (#505)

* docs: README 업데이트

* docs: README 업데이트

* refactor: 리프레시 쿠키 > JWT 변경 및 버그 + 개선 사항 반영 (#506)

* feat: LoginZipgoaAuth refresh token 추가

* refactor: 기존 refresh token 로직을 쿠키 > JWT로 변경

* fix: FilterDialog Desktop에서 position이 안맞는 현상 수정

* refactor: Template min-height 수정

* refactor: FoodDetailWrapper padding bottom 조절

* refactor: Toast 높이 수정

* refactor: petFoodId type 수정

* refactor: 리뷰 CRUD에 따라 SummaryChart 별점이 동기화 되도록 수정

* fix: UI 깨짐, 스켈레톤 UI 수정 (#513)

* fix: 0살이면 1살 미만으로 뜨도록 수정, 리뷰 더보기 클릭이 안되는 문제 해결 (#512)

* fix/#511: 리뷰 목록 하단 margin 추가

- 리뷰 더보기 클릭이 안되는 문제 해결

* feat/#511: 0살이면 1살 미만으로 뜨도록 수정

* feat/#511: 상품상세 하단 margin 추가

* hotfix: 리뷰, 펫 프로필 업데이트에 따라 상태 동기화 (#514)

* refactor: 불필요한 컴포넌트 분리 병합

* fix: 1분 잘못된 시간 수정

* fix: 리뷰 업데이트에 따라 상품 별점 동기화

* fix: 펫 프로필 업데이트에 따라 펫 프로필 정보 동기화

---------

Co-authored-by: Sangwon Kang <[email protected]>
Co-authored-by: wyc <[email protected]>
Co-authored-by: Mooooooo <[email protected]>
Co-authored-by: iamjooon2 <[email protected]>
Co-authored-by: Seyeon Jeong <[email protected]>
Co-authored-by: Kayoung Yoon <[email protected]>

.github/workflows/frontend-deploy-dev.yml

@@ -2,8 +2,11 @@ name: Frontend Deploy to Dev
 
 on:
   push:
-    branches: [develop]
-    paths: frontend/**
+    branches:
+      - develop
+    paths:
+      - frontend/**
+      - .github/**
 
 jobs:
   build-dockerfile:
@@ -18,8 +21,24 @@ jobs:
         with:
           node-version: '18.x'
 
+      - name: Cache Yarn global cache
+        uses: actions/cache@v3
+        with:
+          path: '**/.yarn'
+          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
+          restore-keys: |
+            ${{ runner.os }}-yarn-
+
+      - name: Cache Yarn project cache
+        uses: actions/cache@v3
+        with:
+          path: '**/.yarn/cache'
+          key: ${{ runner.os }}-yarn-project-${{ hashFiles('**/yarn.lock') }}
+          restore-keys: |
+            ${{ runner.os }}-yarn-project-
+
       - name: Install dependencies
-        run: yarn
+        run: yarn install --immutable
 
       - name: Set up QEMU
         uses: docker/setup-qemu-action@v2

.github/workflows/frontend-deploy-prod.yml

@@ -2,8 +2,11 @@ name: Frontend Deploy to Prod
 
 on:
   push:
-    branches: [main]
-    paths: frontend/**
+    branches:
+      - main
+    paths:
+      - frontend/**
+      - .github/**
 
 jobs:
   build-dockerfile:
@@ -18,8 +21,24 @@ jobs:
         with:
           node-version: '18.x'
 
+      - name: Cache Yarn global cache
+        uses: actions/cache@v3
+        with:
+          path: '**/.yarn'
+          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
+          restore-keys: |
+            ${{ runner.os }}-yarn-
+
+      - name: Cache Yarn project cache
+        uses: actions/cache@v3
+        with:
+          path: '**/.yarn/cache'
+          key: ${{ runner.os }}-yarn-project-${{ hashFiles('**/yarn.lock') }}
+          restore-keys: |
+            ${{ runner.os }}-yarn-project-
+
       - name: Install dependencies
-        run: yarn
+        run: yarn install --immutable
 
       - name: Set up QEMU
         uses: docker/setup-qemu-action@v2

.github/workflows/frontend-storybook-deploy.yml

@@ -0,0 +1,73 @@
+name: Frontend Storybook Deploy To S3
+
+on:
+  push:
+    branches:
+      - develop
+    paths:
+      - frontend/**
+      - .github/**
+
+jobs:
+  build:
+    runs-on: ubuntu-22.04
+    defaults:
+      run:
+        working-directory: ./frontend
+    concurrency:
+      group: ${{ github.workflow }}
+      cancel-in-progress: true
+
+    steps:
+      - name: Use repository source
+        uses: actions/checkout@v3
+
+      - name: Use node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: 18.x
+
+      - name: Cache Yarn global cache
+        uses: actions/cache@v3
+        with:
+          path: '**/.yarn'
+          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
+          restore-keys: |
+            ${{ runner.os }}-yarn-
+
+      - name: Cache Yarn project cache
+        uses: actions/cache@v3
+        with:
+          path: '**/.yarn/cache'
+          key: ${{ runner.os }}-yarn-project-${{ hashFiles('**/yarn.lock') }}
+          restore-keys: |
+            ${{ runner.os }}-yarn-project-
+
+      - name: Install dependencies
+        run: yarn install --immutable
+
+      - name: Build Storybook
+        run: yarn build:sb
+
+      - name: Upload storybook build files to temp artifact
+        uses: actions/upload-artifact@v3
+        with:
+          name: Storybook
+          path: frontend/storybook-static
+  deploy:
+    needs: build
+    runs-on: front-dev-server
+    steps:
+      - name: Remove previous version app
+        working-directory: .
+        run: rm -rf frontend/storybook
+
+      - name: Download the built file to AWS EC2
+        uses: actions/download-artifact@v3
+        with:
+          name: Storybook
+          path: frontend/storybook
+
+      - name: Upload to S3
+        run: |
+          aws s3 sync frontend/storybook s3://2023-team-project/2023-zipgo/storybook --delete

README.md

@@ -1,14 +1,43 @@
-# 2023-zipgo
+<p align="center">
+  <img src="https://github.com/woowacourse-teams/2023-zipgo/assets/24777828/e7eefb82-4bbf-47cd-a6ef-dc756d97c77d" alt="집고 README 배너" />
+<p align="center">
+<img src="https://img.shields.io/badge/react-v18.2.0-9cf?logo=react" alt="react v18.2.0" />
+<img src="https://img.shields.io/badge/spring_boot-v3.1.1-green?logo=springboot” alt="spring-boot v3.1.1" />
+<img src="https://img.shields.io/badge/typescript-v5.1.6-blue?logo=typescript” alt="typescript v5.1.6"/>
+<img src="https://img.shields.io/badge/mysql-v8.0.34-blue?logo=mysql" alt="mysql v8.0.34"/>
+</p>
 
-## 멤버
+**초보 집사의 반려동물 식품 선택을 도와주는 서비스**, 집사의고민입니다.
 
-|                                         Frontend                                          |                                         Frontend                                          |                                         Frontend                                          |
-| :--------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------: |
-| <img src="https://avatars.githubusercontent.com/u/24777828?v=4" width=100px alt="첵스"/> | <img src="https://avatars.githubusercontent.com/u/79056677?v=4" width=100px alt="노아이즈"/> | <img src="https://avatars.githubusercontent.com/u/72087183?v=4" width=100px alt="에디"/> |
-|                       [첵스](https://github.com/HyeryongChoi)                        |                       [노아이즈](https://github.com/n0eyes)                        |                       [에디](https://github.com/ksone02)                        
+전문가들의 사료 선택 기준은 무엇일까요?
 
+다양한 전문가들이 인정하는 [좋은 사료 선택 기준]([https://translucent-mallet-426.notion.site/dae305b85c8146399d7de6a0e74b773d](https://www.notion.so/dae305b85c8146399d7de6a0e74b773d?pvs=21)), **집사의 고민**에서 확인하세요!
 
-|                                        Backend                                         |                                        Backend                                         |              Backend               |              Backend               |
-|:--------------------------------------------------------------------------------------:|:--------------------------------------------------------------------------------------:|:----------------------------------:| :----------------------------------:| 
-| <img src="https://avatars.githubusercontent.com/u/73161212?v=4" width=100px alt="가비"/> | <img src="https://avatars.githubusercontent.com/u/76938931?v=4" width=100px alt="무민"/> | <img src="https://avatars.githubusercontent.com/u/94087228?v=4" width=100px alt="베베"/> | <img src="https://avatars.githubusercontent.com/u/61582017?v=4" width=100px alt="로지"/> |
-|                            [가비](https://github.com/iamjooon2)                            |                            [무민](https://github.com/parkmuhyeun)                            |               [베베](https://github.com/wonyongChoi05)               |               [로지](https://github.com/kyY00n)  
+- [zipgo.pet](https://zipgo.pet)
+- [zipgo.wiki](https://github.com/woowacourse-teams/2023-zipgo/wiki)
+
+# Skills
+
+### Frontend Tech Stack
+![Frontend Tech Stacks](https://github.com/woowacourse-teams/2023-zipgo/assets/24777828/4372f950-d29e-46a0-807c-79d78a7f6913)
+
+### Backend Tech Stack
+![Backend Tech Stacks](https://github.com/woowacourse-teams/2023-zipgo/assets/24777828/a4643676-e669-43f5-9bb4-d2f4e92ed470)
+
+# Infra Structure
+![Zigo Infra](https://github.com/woowacourse-teams/2023-zipgo/assets/24777828/09847ae1-2aac-41a1-9302-4a2b49a284e0)
+
+
+### Frontend Infra Structure
+![image](https://github.com/woowacourse-teams/2023-zipgo/assets/24777828/eac9e8af-2df3-486a-9812-6a39ab36eb4e)
+
+### Backend Infra Structure
+![image](https://github.com/woowacourse-teams/2023-zipgo/assets/24777828/c6b9ec96-1301-4088-98d1-1e1ec1d3b334)
+
+
+# Member
+
+|            [첵스](https://github.com/HyeryongChoi)             |            [노아이즈](https://github.com/n0eyes)             |             [에디](https://github.com/ksone02)             |             [가비](https://github.com/iamjooon2)             |              [무민](https://github.com/parkmuhyeun)               |             [베베](https://github.com/wonyongChoi05)             |             [로지](https://github.com/kyY00n)              |
+| :----------------------------------------------------------: | :----------------------------------------------------------: | :----------------------------------------------------------: | :----------------------------------------------------------: | :----------------------------------------------------------: | :----------------------------------------------------------: | :----------------------------------------------------------: |
+| <img src="https://avatars.githubusercontent.com/u/24777828?v=4" width=200px alt="첵스" /> | <img src="https://avatars.githubusercontent.com/u/79056677?v=4" width=200px alt="노아이즈" /> | <img src="https://avatars.githubusercontent.com/u/72087183?v=4" width=200px alt="에디" /> | <img src="https://avatars.githubusercontent.com/u/73161212?v=4" width=200px alt="가비" /> | <img src="https://avatars.githubusercontent.com/u/76938931?v=4" width=200px alt="무민" /> | <img src="https://avatars.githubusercontent.com/u/94087228?v=4" width=200px alt="베베"/> | <img src="https://avatars.githubusercontent.com/u/61582017?v=4" width=200px alt="로지" /> |
+|                           Frontend                         |                           Frontend                         |                             Frontend                           |                             Backend                           |                             Backend                           |                             Backend                           |                             Backend                           |

backend/build.gradle

@@ -52,6 +52,8 @@ dependencies {
     compileOnly 'org.projectlombok:lombok'
     annotationProcessor 'org.projectlombok:lombok'
 
+    implementation group: 'com.datadoghq', name: 'dd-trace-api', version: '1.21.0'
+
     implementation 'com.querydsl:querydsl-jpa:5.0.0:jakarta'
     annotationProcessor "com.querydsl:querydsl-apt:${dependencyManagement.importedProperties['querydsl.version']}:jakarta"
     annotationProcessor "jakarta.annotation:jakarta.annotation-api"
@@ -110,6 +112,7 @@ jacocoTestReport {
                             '**/*Response*',
                             '**/*Request*',
                             '**/BaseTimeEntity',
+                            '**/KakaoOAuthClient',
                             '**/*Dto*',
                             '**/S3*',
                             '**/*Interceptor*',
@@ -149,6 +152,7 @@ jacocoTestCoverageVerification {
                     '*.*Exception*',
                     '*.*Dto',
                     '*.S3*',
+                    '*.KakaoOAuthClient*',
                     '*.*Response',
                     '*.*Request',
                     '*.BaseTimeEntity',

backend/src/main/java/zipgo/aspect/ConnectionProxyHandler.java

@@ -0,0 +1,40 @@
+package zipgo.aspect;
+
+import org.springframework.web.context.request.RequestContextHolder;
+
+import java.lang.reflect.InvocationHandler;
+import java.lang.reflect.Method;
+
+public class ConnectionProxyHandler implements InvocationHandler {
+
+    private static final String QUERY_PREPARE_STATEMENT = "prepareStatement";
+
+    private final Object connection;
+    private final QueryCounter queryCounter;
+
+    public ConnectionProxyHandler(Object connection, QueryCounter queryCounter) {
+        this.connection = connection;
+        this.queryCounter = queryCounter;
+    }
+
+    @Override
+    public Object invoke(Object proxy, Method method, Object[] args) throws Throwable {
+        countQuery(method);
+        return method.invoke(connection, args);
+    }
+
+    private void countQuery(Method method) {
+        if (isPrepareStatement(method) && isRequest()) {
+            queryCounter.increaseCount();
+        }
+    }
+
+    private boolean isPrepareStatement(Method method) {
+        return method.getName().equals(QUERY_PREPARE_STATEMENT);
+    }
+
+    private boolean isRequest() {
+        return RequestContextHolder.getRequestAttributes() != null;
+    }
+
+}

backend/src/main/java/zipgo/aspect/QueryCounter.java

@@ -0,0 +1,18 @@
+package zipgo.aspect;
+
+import lombok.Getter;
+import org.springframework.stereotype.Component;
+import org.springframework.web.context.annotation.RequestScope;
+
+@Getter
+@Component
+@RequestScope
+public class QueryCounter {
+
+    private int count;
+
+    public void increaseCount() {
+        count++;
+    }
+
+}

backend/src/main/java/zipgo/aspect/QueryCounterAop.java

@@ -0,0 +1,29 @@
+package zipgo.aspect;
+
+import lombok.RequiredArgsConstructor;
+import org.aspectj.lang.ProceedingJoinPoint;
+import org.aspectj.lang.annotation.Around;
+import org.aspectj.lang.annotation.Aspect;
+import org.springframework.stereotype.Component;
+
+import java.lang.reflect.Proxy;
+
+@Aspect
+@Component
+@RequiredArgsConstructor
+public class QueryCounterAop {
+
+    private final QueryCounter queryCounter;
+
+    @Around("execution(* javax.sql.DataSource.getConnection(..))")
+    public Object getConnection(ProceedingJoinPoint proceedingJoinPoint) throws Throwable {
+        Object connection = proceedingJoinPoint.proceed();
+
+        return Proxy.newProxyInstance(
+                connection.getClass().getClassLoader(),
+                connection.getClass().getInterfaces(),
+                new ConnectionProxyHandler(connection, queryCounter)
+        );
+    }
+
+}