feat: 식자재 무한스크롤, 리프레시토큰, 프로필 변경, 로티 변경

package.json

@@ -32,7 +32,6 @@
     "eslint-plugin-react": "^7.33.2",
     "framer-motion": "^11.0.3",
     "lodash": "^4.17.21",
-    "lottie-react": "^2.4.0",
     "next": "14.0.3",
     "react": "^18",
     "react-dom": "^18",

src/api/axiosInstance.ts

@@ -27,7 +27,6 @@ axiosInstance.interceptors.response.use(
     const originalRequest = error.config;
 
     if (error.response?.status === 401 && !originalRequest._retry) {
-      /*
       originalRequest._retry = true;
 
       const refreshToken =
@@ -36,22 +35,21 @@ axiosInstance.interceptors.response.use(
           : null;
 
       try {
-        const refreshResponse = await axios.post('/users/kakao-login', {
-          refreshToken,
-        });
-
-        if (typeof window !== 'undefined') {
-          localStorage.setItem('accessToken', refreshResponse.data.accessToken);
+        originalRequest.headers['Refresh-Token'] = refreshToken;
+        const res = await axiosInstance(originalRequest);
+        const newAccessToken = res.headers['new-access-token'];
+        if (newAccessToken) {
+          localStorage.setItem('accessToken', newAccessToken);
         }
 
-        originalRequest.headers.Authorization = `Bearer ${refreshResponse.data.accessToken}`;
+        originalRequest.headers.Authorization = `Bearer ${newAccessToken}`;
         return await axiosInstance(originalRequest);
       } catch (refreshError) {
         console.error('Error refreshing token:', refreshError);
         throw refreshError;
       }
-     */
-      window.location.href = '/login';
+
+      // window.location.href = '/login';
     }
 
     return await Promise.reject(error);

src/components/atoms/IngredientDateTag.tsx

@@ -11,7 +11,7 @@ const IngredientDateTag: React.FC<IngredientDateTagProps> = ({ dDay }) => {
   let textDay;
 
   // dDay에 따라서 className 설정
-  if (dDay <= 0) {
+  if (dDay < 0) {
     className = 'bg-gray1 text-gray6';
     backgroundColor = '';
     textDay = `D+${Math.abs(dDay)}`;
@@ -31,7 +31,7 @@ const IngredientDateTag: React.FC<IngredientDateTagProps> = ({ dDay }) => {
 
   return (
     <div
-      className={`w-64 p-9 rounded-6 text-center body1-semibold ${className}`}
+      className={`min-w-[64px] p-9 rounded-6 text-center body1-semibold ${className}`}
       style={{ backgroundColor }}
     >
       {textDay}