Qnrr 375 유수아 내 프로필 수정에서 입력한 값 유효성 검증

app/(my)/layout.tsx

@@ -14,7 +14,9 @@ export default function MyLayout({
   return (
     <div className="flex">
       <Sidebar />
-      <div className="w-full px-[150px] pt-500 pb-[100px]">{children}</div>
+      <div className="w-full px-[40px] pt-500 pb-[100px] lg:px-[150px]">
+        {children}
+      </div>
     </div>
   );
 }

app/global.css

@@ -185,7 +185,7 @@ https://velog.io/@oneook/tailwindcss-4.0-%EB%AC%B4%EC%97%87%EC%9D%B4-%EB%8B%AC%E
 
   --color-background-alternative: var(--color-gray-50);
   --color-background-default: var(--color-gray-0);
-  --color-background-dimmer: rgba(24, 29, 39, 80);
+  --color-background-dimmer: rgba(24, 29, 39, 0.8);
   --color-background-disabled: var(--color-gray-100);
 
   --color-background-brand-subtle: var(--color-rose-300);

src/features/auth/api/auth.ts

@@ -19,13 +19,10 @@ export async function uploadProfileImage(
   filename: string,
   file: FormData,
 ) {
-  console.log('uploadProfileImage 요청직전', file);
-  // Bug : 여기서 에러발생중
   const res = await axiosInstanceForMultipart.put(
     `/files/members/${memberId}/profile/image/${filename}`,
     file,
   );
-  console.log('auth.ts - uploadProfileImage 응답', res);
 
   return res.data;
 }

src/features/auth/ui/sign-up-image-selector.tsx

@@ -14,13 +14,13 @@ export default function SignupImageSelector({
   handleImageChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
 }) {
   const setDefaultImage = () => setImage('/profile-default.svg');
-  const openFileDialog = () => fileInputRef.current?.click();
+  const openFileFolder = () => fileInputRef.current?.click();
 
   return (
     <div className="relative">
       <div className="relative h-[112px] w-[112px] overflow-hidden rounded-full">
         <Image src={image} alt="프로필" fill className="object-cover" />
-        <img src={image} alt="next최적화안쓴프로필" className='object-covoer' />
+        <img src={image} alt="next최적화안쓴프로필" className="object-covoer" />
       </div>
       <DropdownMenu.Root>
         <DropdownMenu.Trigger asChild>
@@ -44,7 +44,7 @@ export default function SignupImageSelector({
           </DropdownMenu.Item>
           <DropdownMenu.Item
             className="hover:text-text-default hover:font-designer-14b cursor-pointer px-50 py-[2px] hover:bg-gray-100"
-            onSelect={openFileDialog}
+            onSelect={openFileFolder}
           >
             앨범에서 선택
           </DropdownMenu.Item>
@@ -53,8 +53,9 @@ export default function SignupImageSelector({
       <input
         ref={fileInputRef}
         type="file"
-        accept="image/*"
+        accept="image/jpg,image/png,image/gif,image/webp"
         className="hidden"
+        multiple={false}
         onChange={handleImageChange}
       />
     </div>

src/features/my-page/consts/my-page-const.ts

@@ -29,3 +29,5 @@ export const MBTI_OPTIONS = [
   { label: 'ENFJ', value: 'ENFJ' },
   { label: 'ENTJ', value: 'ENTJ' },
 ];
+
+export const DEFAULT_PROFILE_IMAGE_URL = '/profile-default.svg';