[HOTFIX] QA기간 중 발생하는 버그 수정

src/apis/index.ts

@@ -24,6 +24,11 @@ Axios.interceptors.request.use(
         Axios.defaults.headers.common['Authorization'] === undefined
       ) {
         // 만료되었으면
+        if (
+          Axios.defaults.url === '/review' ||
+          Axios.defaults.url === '/archive'
+        )
+          return config;
         const res = await axios.get(`${ServerURL}/auth/refresh`, {
           params: {
             refreshToken,
@@ -43,7 +48,7 @@ Axios.interceptors.request.use(
         localStorage.setItem('expireToken', newExpireTime.toString());
 
         Cookies.remove('refreshToken');
-        Cookies.set('refreshToken', newRefreshToken, { expires: 1 });
+        Cookies.set('refreshToken', newRefreshToken, { expires: 0.24 });
       }
     }
     return config;

src/apis/signup/index.ts

@@ -17,18 +17,30 @@ export const postSignup = async (
   try {
     switch (isGeneralUser) {
       case true:
-        const res = await Axios.post('/users/register/user', postData, {
+        const res_user = await Axios.post('/users/register/user', postData, {
           headers: {
             'Content-Type': 'multipart/form-data',
           },
         });
-        if (
-          res?.data?.code === 200 &&
-          window.confirm('회원가입이 완료되었습니다!')
-        )
+        if (res_user?.data?.code === 200) {
+          window.alert('회원가입이 완료되었습니다!');
           navigate('/login');
+        }
         break;
       case false:
+        const res_admin = await Axios.post(
+          '/users/register/manager',
+          postData,
+          {
+            headers: {
+              'Content-Type': 'multipart/form-data',
+            },
+          },
+        );
+        if (res_admin?.data?.code === 200) {
+          window.alert('회원가입이 완료되었습니다!');
+          navigate('/login');
+        }
         break;
     }
   } catch (e) {

src/components/Header/Header.tsx

@@ -35,7 +35,7 @@ const Header = () => {
       imageUrl: '',
       role: '',
       profileImageUrl: '',
-      registrationNum: '',
+      registNum: '',
       department: '',
       birth: '',
     });
@@ -70,8 +70,13 @@ const Header = () => {
           >
             <img src={Logo} alt="character" />
           </LogoWrapper>
-          {HeaderData.map(({ main, dropDowns }) => (
-            <NavBar key={main}>
+          {HeaderData.map(({ main, mainLink, dropDowns }) => (
+            <NavBar
+              key={main}
+              onClick={() => {
+                navigate(`${mainLink}`);
+              }}
+            >
               <H3 $fontColor="#15191D">{main}</H3>
               <Dropdown>
                 {dropDowns.map(({ title, link }, index) => (

src/constants/Admin/index.ts

@@ -7,7 +7,7 @@ export const DASHBOARD_FILTER = [
 
 export const ADMIN_INFO_TAG: { [key: string]: string } = {
   nickName: '기관명',
-  registrationNum: '사업자등록번호',
+  registNum: '사업자등록번호',
   department: '담당부서명',
   name: '담당자명',
   loginId: '아이디',

src/constants/Header/index.ts

@@ -5,12 +5,14 @@ interface DropDown {
 
 interface HeaderDataProps {
   main: string;
+  mainLink: string;
   dropDowns: DropDown[];
 }
 
 export const HeaderData: HeaderDataProps[] = [
   {
     main: '갈래 소개',
+    mainLink: '/about/gallae',
     dropDowns: [
       {
         title: "'갈래' 소개",
@@ -28,6 +30,7 @@ export const HeaderData: HeaderDataProps[] = [
   },
   {
     main: '프로그램',
+    mainLink: '/search?programType=전체',
     dropDowns: [
       {
         title: '전체',
@@ -49,6 +52,7 @@ export const HeaderData: HeaderDataProps[] = [
   },
   {
     main: '활동후기',
+    mainLink: '/review',
     dropDowns: [
       {
         title: '전체',
@@ -70,6 +74,7 @@ export const HeaderData: HeaderDataProps[] = [
   },
   {
     main: '자료실',
+    mainLink: '/archive',
     dropDowns: [
       {
         title: '전체',

src/constants/Mileage/index.ts

@@ -7,16 +7,13 @@ export const TipData: TipDataType[] = [
       '회원가입만 해도, 100 마일리지를 드려요.',
       '후기를 하나 작성할 때마다 20 마일리지를 드려요.',
       '보고서를 하나 작성할 때마다 30 마일리지를 드려요.',
-      "내가 작성한 후기와 보고서가 '좋아요'를 받으면 5 마일리지를 드려요.",
     ],
   },
   {
-    title: '마일리지는 이렇게 모을 수 있어요!',
+    title: '마일리지는 이렇게 사용할 수 있어요!',
     content: [
-      '회원가입만 해도, 100 마일리지를 드려요.',
-      '후기를 하나 작성할 때마다 20 마일리지를 드려요.',
-      '보고서를 하나 작성할 때마다 30 마일리지를 드려요.',
-      "내가 작성한 후기와 보고서가 '좋아요'를 받으면 5 마일리지를 드려요.",
+      '10 마일리지로 다른 사람들의 후기를 볼 수 있어요.',
+      '15 마일리지로 다른 사람들의 보고서를 볼 수 있어요.',
     ],
   },
 ];

src/pages/DetailPosting/OtherPostings.tsx

@@ -31,18 +31,20 @@ const OtherPostings: React.FC<{ postingType: string }> = ({ postingType }) => {
   return (
     <Container>
       <H3 $fontColor="#15191D">이 게시판 글</H3>
-      <PostingList>
-        {postingData[postingType] &&
-          postingData[postingType].map(
-            ({ title, id }: { title: string; id: number }) => (
-              <PostingItem key={id}>
-                <B2Bold $fontColor="#53575C" onClick={() => hanleClick(id)}>
-                  {title}
-                </B2Bold>
-              </PostingItem>
-            ),
-          )}
-      </PostingList>
+      {postingData && (
+        <PostingList>
+          {postingData[postingType] &&
+            postingData[postingType].map(
+              ({ title, id }: { title: string; id: number }) => (
+                <PostingItem key={id}>
+                  <B2Bold $fontColor="#53575C" onClick={() => hanleClick(id)}>
+                    {title}
+                  </B2Bold>
+                </PostingItem>
+              ),
+            )}
+        </PostingList>
+      )}
       <PageBar page={page} setPage={setPage} maxPage={postingData?.totalSize} />
     </Container>
   );

src/pages/board/PostingList.tsx

@@ -30,7 +30,7 @@ const PostingList: React.FC<Props> = ({ postingList, linkType }) => {
       </TopBarContainer>
 
       <PostingContainer>
-        {postingList.length > 0 ? (
+        {postingList?.length > 0 ? (
           postingList?.map(data => (
             <Posting {...data} key={data.id} linkType={linkType} />
           ))
@@ -41,7 +41,7 @@ const PostingList: React.FC<Props> = ({ postingList, linkType }) => {
 
       <WritingButton
         onClick={() => {
-          navigate('write');
+          navigate(`/${linkType}/write`);
         }}
       >
         <B3Bold $fontColor="#fff">글쓰기</B3Bold>

src/pages/login/functions/index.ts

@@ -51,7 +51,7 @@ export const onLoginSuccess = (
       imageUrl,
       role,
       profileImageUrl,
-      registrationNum,
+      registNum,
       birth,
       department,
     } = res?.data?.result;
@@ -62,7 +62,7 @@ export const onLoginSuccess = (
     Axios.defaults.headers.common['Authorization'] = `Bearer ${accessToken}`;
 
     // refreshToken 쿠키에 저장
-    Cookies.set('refreshToken', refreshToken, { expires: 1 });
+    Cookies.set('refreshToken', refreshToken, { expires: 0.24 });
 
     // localStroage에 토큰 만료시간 저장
     const expireTime = new Date(currentTime.getTime() + 1 * 60 * 60 * 1000);
@@ -80,7 +80,7 @@ export const onLoginSuccess = (
         phoneNumber,
         role,
         profileImageUrl,
-        registrationNum,
+        registNum,
         birth,
         department,
       });

src/pages/map/Map.tsx

@@ -17,8 +17,7 @@ interface markerDataType {
   longitude: number;
   photoUrl: string;
   programName: string;
-  recruitStartDate: string;
-  recruitEndDate: string;
+  remainDay: string;
   userLikeCheck: boolean;
 }
 
@@ -64,7 +63,7 @@ const MapPage = () => {
           refetch={refetch}
           cardRef={cardRef}
           {...markerData[selected]}
-          period={`${markerData[selected].recruitStartDate}-${markerData[selected].recruitEndDate}`}
+          remainDay={markerData[selected].remainDay}
           setIsModalOpen={setIsModalOpen}
           setSelected={setSelected}
           isLiked={markerData[selected].userLikeCheck}

src/pages/map/components/MapCard.tsx

@@ -2,7 +2,7 @@ import React, { useEffect, useState } from 'react';
 import { useNavigate } from 'react-router-dom';
 import styled from 'styled-components';
 
-import { B1Bold, B3 } from '../../../style/fonts/StyledFonts';
+import { B1Bold } from '../../../style/fonts/StyledFonts';
 import LikeButton from '@/components/Button/LikeButton';
 import CloseIcon from '@/assets/icons/icon-close.svg';
 
@@ -11,7 +11,7 @@ interface Props {
   id: number;
   photoUrl: string;
   programName: string;
-  period: string;
+  remainDay: string;
   setIsModalOpen: React.Dispatch<React.SetStateAction<boolean>>;
   setSelected: React.Dispatch<React.SetStateAction<number>>;
   cardRef: React.RefObject<HTMLDivElement>;
@@ -23,7 +23,7 @@ const MapCard: React.FC<Props> = ({
   id,
   photoUrl,
   programName,
-  period,
+  remainDay,
   setIsModalOpen,
   setSelected,
   cardRef,
@@ -52,8 +52,8 @@ const MapCard: React.FC<Props> = ({
       </ImageWrapper>
       <BottomContainer>
         <TextContainer>
+          <B1Bold $fontColor="#FF7D2C">{remainDay}</B1Bold>
           <B1Bold $fontColor="#15191D">{programName}</B1Bold>
-          <B3 $fontColor="#8E9398">{period}</B3>
         </TextContainer>
         <LikeButton
           isLike={isLike}

src/pages/mileage/components/TipCard.tsx

@@ -2,11 +2,14 @@ import { TipData } from '@/constants/Mileage';
 import { B2, H3 } from '@/style/fonts/StyledFonts';
 import styled from 'styled-components';
 
+import One from '@/assets/icons/icon-finger-one.svg';
+import Two from '@/assets/icons/icon-finger-two.svg';
+
 const TipCard: React.FC<{ index: number }> = ({ index }) => {
   return (
     <Container>
       <IconWrapper>
-        <span>☝️</span>
+        <img src={index === 0 ? One : Two} alt="" />
       </IconWrapper>
       <H3 $fontColor="#000">{TipData[index].title}</H3>
       <TipContainer>
@@ -29,6 +32,7 @@ const Container = styled.div`
   justify-content: flex-start;
 
   width: 637px;
+  height: 372px;
   padding: 46px 51px;
   flex-shrink: 0;
 
@@ -59,6 +63,8 @@ const TipContainer = styled.ul`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
+
+  padding-top: 20px;
   gap: 10px;
 
   > li {

src/pages/mileage/index.tsx

@@ -59,7 +59,7 @@ const Mileage = () => {
           </DropDownWrapper>
         </FilterContainer>
         <HistoryList histories={myPoint?.points} />
-        <PageBar page={page} setPage={setPage} maxPage={myPoint.totalPage} />
+        <PageBar page={page} setPage={setPage} maxPage={myPoint?.totalPage} />
       </HistoryContainer>
       {/* 마일리지 관련 팁 */}
       <TipContainer>

src/pages/write/index.tsx

@@ -1,4 +1,4 @@
-import { useState, useEffect, useCallback, useMemo, useRef } from 'react';
+import { useState, useEffect, useCallback, useMemo } from 'react';
 import { useNavigate } from 'react-router-dom';
 import ReactQuill, { Quill } from 'react-quill';
 import styled from 'styled-components';
@@ -9,7 +9,7 @@ import DropDown from '@/components/DropDown/DropDown';
 import InputTags from './components/InputTags';
 import RoundedButton from '@/components/Button/RoundedButton';
 import { B3 } from '@/style/fonts/StyledFonts';
-import { imageHandler, isOkToPost } from './functions';
+import { isOkToPost } from './functions';
 import { DropDownData } from '@/constants/write';
 import InputFile from './components/InputFile';
 import { postBoardData, setEditData } from '@/apis/write';
@@ -19,7 +19,6 @@ import { UserAtom } from '@/recoil/LoginAtom';
 Quill.register('modules/imageResize', ImageResize); // 이미지 사이즈 변경 모듈 등록
 
 const Write = () => {
-  const quillRef = useRef<ReactQuill>(null);
   const [selected, setSelected] = useState<string>(''); // 선택된 드롭다운
   const [title, setTitle] = useState<string>(''); // 제목
   const [content, setContent] = useState<string>(''); // 내용 <HTML>
@@ -92,12 +91,9 @@ const Write = () => {
           [{ header: [1, 2, 3, 4, false] }],
           ['bold', 'italic', 'underline', 'strike', 'blockquote'],
           [{ indent: '-1' }, { indent: '+1' }],
-          ['image'],
+          // ['image'],
           ['clean'],
         ],
-        handlers: {
-          image: () => imageHandler(quillRef),
-        },
       },
       imageResize: {
         parchment: Quill.import('parchment'),
@@ -129,7 +125,6 @@ const Write = () => {
             onChange={setContent}
             theme="snow"
             modules={modules}
-            ref={quillRef}
             placeholder="내용을 입력해주세요."
           />
           <InputTagsWrapper>

src/recoil/LoginAtom.ts

@@ -20,7 +20,7 @@ export const UserAtom = atom<UserInfoType>({
     phoneNumber: '',
     role: '',
     profileImageUrl: '',
-    registrationNum: '',
+    registNum: '',
     department: '',
     birth: '',
   },