Merge pull request #44 from seokkkkkk/develop-CanaryEditInfo

[FEAT] 자청년 정보 컴포넌트 수정, 프로필 메뉴 추가

package.json

@@ -3,23 +3,30 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
+    "@tanstack/react-query": "^5.51.21",
+    "@tanstack/react-query-devtools": "^5.51.21",
     "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
     "@types/jest": "^27.5.2",
     "@types/styled-components": "^5.1.34",
+    "axios": "^1.7.3",
     "babel-plugin-macros": "^3.1.0",
     "react": "^18.3.1",
+    "react-daum-postcode": "^3.1.3",
     "react-dom": "^18.3.1",
+    "react-hook-form": "^7.52.1",
     "react-router-dom": "^6.25.1",
     "react-scripts": "5.0.1",
     "styled-components": "^6.1.12",
     "swiper": "^11.1.7",
     "tailwindcss": "^3.4.6",
     "twin.macro": "^3.4.1",
     "typescript": "^4.9.5",
-    "web-vitals": "^2.1.4"
+    "web-vitals": "^2.1.4",
+    "zustand": "^4.5.4"
   },
+  "proxy": "https://www.fledge.site",
   "scripts": {
     "start": "react-scripts start",
     "build": "react-scripts build",

src/@types/api.ts

@@ -0,0 +1,11 @@
+export type CommonResponse<T> = {
+  success: boolean;
+  message: string;
+  data: T;
+};
+
+export type CommonError = {
+  errorCode: string;
+  message: string;
+  success: boolean;
+};

src/@types/challenge-category.ts

@@ -0,0 +1,10 @@
+import { Category } from "./sponsor-category";
+
+export const challengeType: Category[] = [
+    { id: "LIFE", label: "생활" },
+    { id: "MIND_CONTROL", label: "마인드컨트롤" },
+    { id: "SELF_DEVELOPMENT", label: "자기계발" },
+    { id: "FINANCIAL_MANAGEMENT", label: "재정관리" },
+    { id: "CERTIFICATION", label: "자격증" },
+    { id: "EXERCISE", label: "운동" },
+];

src/@types/challenge.ts

@@ -0,0 +1,57 @@
+export type ChallengerProps = {
+    imgSrc: string;
+    name: string;
+    desc: string;
+    categoryList: string[];
+    rank: number;
+};
+
+export type BestChallengerProps = {
+    memberId: number;
+    memberName: string;
+    participationCount: number;
+    successCount: number;
+    successRate: number;
+    topCategories: string[];
+};
+
+export type ChallengeProps = {
+    totalElements: number;
+    totalPages: number;
+    size: number;
+    content: [
+        {
+            title: string;
+            likeCount: number;
+            categories: string[];
+            type: string;
+            description: string;
+            successRate: number;
+            participationCount: number;
+            supportContent: string;
+            startDate: string;
+            endData: string;
+        }
+    ];
+    number: number;
+    sort: {
+        empty: boolean;
+        sorted: boolean;
+        unsorted: boolean;
+    };
+    numberOfElements: number;
+    pageable: {
+        offset: {
+            empty: boolean;
+            sorted: boolean;
+            unsorted: boolean;
+        };
+        paged: boolean;
+        pageNumber: number;
+        pageSize: number;
+        unpaged: boolean;
+    };
+    first: boolean;
+    last: boolean;
+    empty: boolean;
+};

src/@types/sponsor-category.ts

@@ -0,0 +1,53 @@
+export interface Category {
+  id: string;
+  label: string;
+}
+
+export const categories: Category[] = [
+  { id: "DAILY_NECESSITY", label: "생활필수품" },
+  { id: "FOOD", label: "식품" },
+  { id: "HOME_APPLIANCES", label: "가전제품" },
+  { id: "EDUCATION", label: "교육비/교재비" },
+  { id: "MEDICAL", label: "의료비" },
+  { id: "LEGAL_AID", label: "법률구조비" },
+  { id: "ETC", label: "기타" },
+];
+
+export const ways: Category[] = [
+  { id: "ONCE", label: "1회 인증" },
+  { id: "WEEKLY", label: "4주 간 매 주 인증" },
+  { id: "MONTHLY", label: "3개월 간 매 달 인증" },
+];
+
+export const banks: Category[] = [
+  { id: "001", label: "한국" },
+  { id: "002", label: "산업" },
+  { id: "003", label: "기업" },
+  { id: "004", label: "국민" },
+  { id: "005", label: "외환" },
+  { id: "007", label: "수협" },
+  { id: "008", label: "수출입" },
+  { id: "011", label: "농협" },
+  { id: "020", label: "우리" },
+  { id: "023", label: "SC제일" },
+  { id: "026", label: "서울" },
+  { id: "027", label: "한국씨티" },
+  { id: "031", label: "대구" },
+  { id: "032", label: "부산" },
+  { id: "034", label: "광주" },
+  { id: "035", label: "제주" },
+  { id: "037", label: "전북" },
+  { id: "039", label: "경남" },
+  { id: "045", label: "새마을금고" },
+  { id: "048", label: "신협" },
+  { id: "081", label: "하나" },
+  { id: "088", label: "신한" },
+  { id: "089", label: "케이뱅크" },
+  { id: "090", label: "카카오뱅크" },
+  { id: "092", label: "토스뱅크" },
+];
+
+export const sorts: Category[] = [
+  { id: "ing", label: "후원 중" },
+  { id: "end", label: "후원 종료" },
+];