[REACT]JSON

 

 const profileimgUrl = JSON.parse(userData.user_profile_image);

자꾸 프로필 업로드를 하면 alt가 렌더링이 되어서 문제였다. 콘솔창에 찍어보니 객체형태로 url이 떴고 여기서부터 막혀서 다른분께 자문을 구했다.

Supabase에 저장된 값이 {"publicUrl": "https://..."} 형식의 JSON 문자열이었기 때문에, 단순히 setProfileImage(userData.user_profile_image)로는 제대로 처리되지 않는다.

 

그래서 JSON.parse로 이 문자열을 객체로 변환해야 publicUrl을 사용할 수 있었다.........진짜 왜 이걸 모르냐구..

const profileimgUrl = JSON.parse(userData.user_profile_image);
        setProfileImage(profileimgUrl.publicUrl || myprofile); // 이미지가 없으면 기본 이미지로 설정
        console.log(profileimgUrl.publicUrl);
        setNickname(userData.user_nick_name || '닉네임 없음');

 

 

 

따라서, JSON 데이터를 파싱하고, publicUrl을 추출하여 이미지를 설정했기 때문에 렌더링이 된다...