MARA-65 에러바운더리, fallback (#17)

* fix: 카카오로그인 useQuery로 변경

* feat: 전역 에러바운더리 설정

* feat: 로딩중 로티 컴포넌트 추가

* fix: 경고 토스트로 변경

* fix: 요청 baseURL 환경변수 변경

* fix: 에러 다시 요청

* chore: 냉장고 페이지 api 요청 주석 처리

* chore: 테스트용 api 주소 설정

* fix: edit Suspense fallback component UI

* chore: 다시 서버에 요청

* fix: 헤더 제거 및 flex 조정

* chore: 냉장고 페이지 api 요청 주석 처리

* fix: 냉장고 리스트 모달 chakra-ui 변경 for animation

* fix: 식자재 추가 모달 chakra-ui 변경

* fix: 모달 컨테이너 스타일 추가

* fix: 친구 냉장고 페이지 모달 변경

* fix: 친구목록 페이지 순서 모달 변경

* fix: 친구목록 페이지 스타일 변경

* feat: 로고 이미지 추가

홈, 로그인 페이지

* fix: 모달컨테이너 article 태그, div 스타일 변경

* feat: 환경변수 타입 추가

.github/workflows/workflow-pr.yml

@@ -29,6 +29,7 @@ jobs:
       # 환경 변수 추가
       - name: Set Environment Variables
         run: |
+          echo "NEXT_PUBLIC_BASE_URI=${{ secrets.NEXT_PUBLIC_BASE_URI }}" >> .env
           echo "NEXT_PUBLIC_KAKAO_API_KEY=${{ secrets.NEXT_PUBLIC_KAKAO_API_KEY }}" >> .env
           echo "NEXT_PUBLIC_KAKAO_REDIRECT_URI=${{ secrets.NEXT_PUBLIC_KAKAO_REDIRECT_URI }}" >> .env
           echo "NEXT_PUBLIC_GOOGLE_API_KEY=${{ secrets.NEXT_PUBLIC_GOOGLE_API_KEY }}" >> .env

.vscode/settings.json

@@ -0,0 +1 @@
+{}

env.d.ts

@@ -0,0 +1,9 @@
+declare namespace NodeJS {
+  interface ProcessEnv {
+    NEXT_PUBLIC_BASE_URI: string;
+    NEXT_PUBLIC_KAKAO_API_KEY: string;
+    NEXT_PUBLIC_KAKAO_REDIRECT_URI: string;
+    NEXT_PUBLIC_GOOGLE_API_KEY: string;
+    NEXT_PUBLIC_GOOGLE_REDIRECT_URI: string;
+  }
+}

package.json

@@ -35,6 +35,7 @@
     "next": "14.0.3",
     "react": "^18",
     "react-dom": "^18",
+    "react-error-boundary": "^4.0.12",
     "recoil": "^0.7.7"
   },
   "devDependencies": {

src/api/axiosInstance.ts

@@ -7,7 +7,7 @@ export interface ApiResponseDTO<T> {
 }
 
 const axiosInstance = axios.create({
-  baseURL: 'https://localhost:3000',
+  baseURL: process.env.NEXT_PUBLIC_BASE_URI,
   timeout: 5000,
   headers: {
     'Content-Type': 'application/json',