[ Design ] 랜딩페이지 로띠 gif로 변경

src/pages/join/JoinPage.tsx

@@ -1,14 +1,14 @@
 import { BigMainLogoIc } from '@assets/svgs';
 import styled from '@emotion/styled';
 import JoinButton from '@pages/join/components/Button';
-// import Welcome from '@pages/join/components/Welcome';
+import logoGif from '@assets/gif/logoGif.gif';
 import googleLogin from '@pages/login/utils/googleLogin';
 import { JoinBgImgSvg } from '@assets/svgs';
 
 const JoinPage = () => {
   return (
     <>
-      {/* <Welcome /> */}
+      <JoinGif src={logoGif} />
       <JoinBgImgSvgIcon />
       <Wrapper>
         <BigMainLogoIcon />
@@ -19,6 +19,7 @@ const JoinPage = () => {
             <SubTitle $isHighlight={true}>특별한 약속</SubTitle>
           </TitleContainer>
         </TitleWrapper>
+
         <Gap />
         <JoinButton />
         <SignupContainer>
@@ -55,8 +56,20 @@ const JoinBgImgSvgIcon = styled(JoinBgImgSvg)`
   height: 100dvh;
 `;
 
+const JoinGif = styled.img`
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+
+  z-index: 3;
+`;
+
 const BigMainLogoIcon = styled(BigMainLogoIc)`
   z-index: 2;
+
+  width: 17.1rem;
+  height: 4.5rem;
 `;
 
 const TitleWrapper = styled.div`
@@ -120,4 +133,4 @@ const Underline = styled.hr`
 
 const Gap = styled.div`
   flex-grow: 1;
-`;
+`;

src/pages/juniorPromise/apis/getSeniorProfile.ts

@@ -25,7 +25,7 @@ export const getSeniorProfile = async (fields: string[], positions: string[]): P
   const positionQuery = positions.map((position) => `position=${position}`).join('&');
   const queryString = fieldQuery && positionQuery ? `${fieldQuery}&${positionQuery}` : `${fieldQuery}${positionQuery}`;
   try {
-    const response = await authAxios.get<GetSeniorProfileResponse>(`/v1/senior/search?${queryString}`);
+    const response = await authAxios.get<GetSeniorProfileResponse>(`/api/v1/senior/search?${queryString}`);
 
     return response.data;
   } catch (error) {

src/pages/juniorPromiseRequest/apis/getSeniorTimeAxios.ts

@@ -3,7 +3,7 @@ import { authAxios } from '@utils/apis';
 
 export const getSeniorTimeAxios = async (seniorId: number) => {
   try {
-    const response = await authAxios.get(`/v1/senior/time/${seniorId}`);
+    const response = await authAxios.get(`/api/v1/senior/time/${seniorId}`);
     // console.log(response.data.data.preferredTimeList);
     return response.data.data.preferredTimeList;
   } catch (error) {

src/pages/juniorPromiseRequest/apis/postAppointment.ts

@@ -16,7 +16,7 @@ export interface postAppointmentType {
 
 export const postAppointment = async ({ seniorId, topic, personalTopic, timeList }: postAppointmentType) => {
   try {
-    const response = await authAxios.post('/v1/appointment', { seniorId, topic, personalTopic, timeList });
+    const response = await authAxios.post('/api/v1/appointment', { seniorId, topic, personalTopic, timeList });
 
     // console.log(response.data);
     return response.data;

src/pages/login/apis/loginAxios.ts

@@ -2,7 +2,7 @@ import { axios } from '@utils/apis';
 
 export const loginAxios = (authorizationCode: string) => {
   return axios.post(
-    '/v1/auth/login',
+    '/api/v1/auth/login',
     {
       redirectUri: import.meta.env.VITE_APP_GOOGLE_AUTH_REDIRECT_URI,
       socialType: 'GOOGLE',

src/pages/onboarding/apis/businesscardAxios.ts

@@ -5,7 +5,7 @@ export const businessCardAxios = async (file: File) => {
     const formData = new FormData();
     formData.append('businessCardImage', file);
 
-    const response = await authAxios.patch('/v1/businesscard-image', formData, {
+    const response = await authAxios.patch('/api/v1/businesscard-image', formData, {
       headers: {
         'Content-Type': 'multipart/form-data',
       },

src/pages/onboarding/apis/joinAxios.ts

@@ -5,5 +5,5 @@ export const joinAxios = (requestBody: JoinPropType) => {
   // 불필요한 데이터 필터링
   const { imageFile, ...request } = requestBody;
 
-  return authAxios.patch('/v1/auth/join', { ...request, isSubscribed: requestBody.isSubscribed[4] });
+  return authAxios.patch('/api/v1/auth/join', { ...request, isSubscribed: requestBody.isSubscribed[4] });
 };

src/pages/onboarding/apis/nicknameAxios.ts

@@ -2,7 +2,7 @@ import { axios } from "@utils/apis"
 
 export const nicknameAxios = (nickname: string) => {
   return axios.post(
-    '/v1/nickname',
+    '/api/v1/nickname',
     {
       nickname
     },

src/pages/onboarding/apis/ocrAxios.ts

@@ -2,7 +2,7 @@ import { axios } from '@utils/apis';
 
 export const ocrUnivAxios = (imageFile: File) => {
   return axios.post(
-    '/v1/ocr/univ',
+    '/api/v1/ocr/univ',
     {
       imageFile,
     },
@@ -16,7 +16,7 @@ export const ocrUnivAxios = (imageFile: File) => {
 
 export const ocrNameCardAxios = (imageFile: File) => {
   return axios.post(
-    '/v1/ocr/business-card',
+    '/api/v1/ocr/business-card',
     {
       imageFile,
     },

src/pages/onboarding/apis/phoneAxios.ts

@@ -2,7 +2,7 @@ import { axios } from "@utils/apis"
 
 export const phoneVerifyAxios = (phoneNumber: string) => {
   return axios.post(
-    '/v1/phone/verify',
+    '/api/v1/phone/verify',
     {
       phoneNumber,
     }
@@ -16,7 +16,7 @@ export interface phoneVerifycodePropType {
 
 export const phoneVerifycodeAxios = ({ phoneNumber, verificationCode }: phoneVerifycodePropType) => {
   return axios.post(
-    '/v1/phone/verifycode',
+    '/api/v1/phone/verifycode',
     {
       phoneNumber,
       verificationCode,

src/pages/onboarding/apis/profileImageAxios.ts

@@ -1,7 +1,7 @@
 import { authAxios, axios } from '@utils/apis';
 
 export const presignedUrlAxios = () => {
-  return authAxios.get('/v1/image');
+  return authAxios.get('/api/v1/image');
 };
 
 export const uploadProfileImageAxios = async (url: string, file: File) => {

src/pages/onboarding/apis/searchAxios.ts

@@ -1,15 +1,15 @@
 import { axios } from '@utils/apis';
 
 export const univNameAxios = (univName: string) => {
-  return axios.get('/v1/search/univ', {
+  return axios.get('/api/v1/search/univ', {
     params: {
       univName,
     },
   });
 };
 
 export const departmentAxios = (univName: string, deptName: string) => {
-  return axios.get('/v1/search/dept', {
+  return axios.get('/api/v1/search/dept', {
     params: {
       univName,
       deptName,

src/pages/onboarding/apis/univAxios.ts

@@ -8,7 +8,7 @@ export interface univVerifyPropType {
 
 export const univVerifyAxios = ({ email, univName }: univVerifyPropType) => {
   return axios.post(
-    '/v1/univ/verify',
+    '/api/v1/univ/verify',
     {
       email,
       univName,
@@ -19,7 +19,7 @@ export const univVerifyAxios = ({ email, univName }: univVerifyPropType) => {
 
 export const univVerifycodeAxios = ({ email, univName, code }: univVerifyPropType) => {
   return axios.post(
-    '/v1/univ/verifycode',
+    '/api/v1/univ/verifycode',
     {
       email,
       univName,

src/pages/promiseDetail/apis/getPromiseDetail.ts

@@ -3,7 +3,7 @@ import { authAxios } from '@utils/apis';
 
 export const getPromiseDetail = async (appointmentId: number) => {
   try {
-    const response = await authAxios.get(`/v1/appointment/${appointmentId}`);
+    const response = await authAxios.get(`/api/v1/appointment/${appointmentId}`);
     // console.log(response.data.data);
     return response.data.data;
   } catch (error) {

src/pages/promiseDetail/apis/patchSeniorPromiseAccept.ts

@@ -15,7 +15,7 @@ export interface patchSeniorAcceptRequestType {
 
 export const patchSeniorAccept = async ({ appointmentId, googleMeetLink, timeList }: patchSeniorAcceptRequestType) => {
   try {
-    const response = await authAxios.patch('/v1/appointment/accept', {
+    const response = await authAxios.patch('/api/v1/appointment/accept', {
       appointmentId,
       googleMeetLink,
       timeList,

src/pages/promiseDetail/apis/patchSeniorReject.ts

@@ -13,7 +13,7 @@ export const patchSeniorReject = async ({
   rejectDetail,
 }: patchSeniorRejectRequestType) => {
   try {
-    const response = await authAxios.patch('/v1/appointment/reject', {
+    const response = await authAxios.patch('/api/v1/appointment/reject', {
       appointmentId,
       rejectReason,
       rejectDetail,

src/pages/promiseDetail/apis/postGoogleMeetLink.ts

@@ -3,7 +3,7 @@ import { authAxios } from '@utils/apis';
 
 export const postGoogleMeetLink = async () => {
   try {
-    const response = await authAxios.post('/v1/google-meet');
+    const response = await authAxios.post('/api/v1/google-meet');
     // console.log(response.data.data.googleMeet);
     return response.data.data.googleMeet;
   } catch (err) {

src/pages/promiseList/apis/getGoogleMeetLink.ts

@@ -3,7 +3,7 @@ import { authAxios } from '@utils/apis';
 
 export const getGoogleMeetLink = async (appointmentId: number) => {
   try {
-    const response = await authAxios.get(`/v1/google-meet/${appointmentId}`);
+    const response = await authAxios.get(`/api/v1/google-meet/${appointmentId}`);
     // console.log(response.data.data.googleMeetLink);
     return response.data.data.googleMeetLink;
   } catch (error) {

src/pages/promiseList/apis/getPromiseList.ts

@@ -3,7 +3,7 @@ import { authAxios } from '@utils/apis';
 
 export const getPromiseList = async () => {
   try {
-    const response = await authAxios.get(`/v1/appointment`);
+    const response = await authAxios.get(`/api/v1/appointment`);
     // console.log(response.data);
     return response.data.data;
   } catch (error) {

src/pages/seniorProfile/apis/getSeniorProfileAxios.ts

@@ -2,6 +2,6 @@ import { authAxios } from "@utils/apis"
 
 export const getSeniorProfileAxios = (seniorId: string) => {
   return authAxios.get(
-    `/v1/senior/${seniorId}`
+    `/api/v1/senior/${seniorId}`
   )
 }

src/pages/seniorProfile/apis/seniorCardAxios.ts

@@ -2,6 +2,6 @@ import { authAxios } from "@utils/apis"
 
 export const seniorCardAxios = (seniorId: string) => {
   return authAxios.get(
-    `/v1/senior/card/${seniorId}`
+    `/api/v1/senior/card/${seniorId}`
   )
 }

src/pages/seniorProfile/apis/seniorProfileAxios.ts

@@ -2,7 +2,7 @@ import { seniorProfileAPIType } from '@pages/seniorProfile/types';
 import { authAxios } from '@utils/apis';
 
 export const seniorProfileAxios = ({ catchphrase, career, award, story, preferredTimeList }: seniorProfileAPIType) => {
-  return authAxios.patch('/v1/senior/profile', {
+  return authAxios.patch('/api/v1/senior/profile', {
     catchphrase,
     career,
     award,

src/utils/apis/index.ts

@@ -1,15 +1,17 @@
 import { getToken } from '@utils/storage';
 import * as _axios from 'axios';
 
+const baseUrl = import.meta.env.VITE_APP_API_BASE_URL;
+
 export const axios = _axios.default.create({
-  baseURL: '/api',
+  baseURL: `${baseUrl}`,
   headers: {
     'Content-Type': 'application/json',
   },
 });
 
 export const authAxios = _axios.default.create({
-  baseURL: '/api',
+  baseURL: `${baseUrl}`,
   headers: {
     'Content-Type': 'application/json',
   },