오답노트

이부분 플리즈 체크업MUI v5이후 useStyles대신에 sx혹 styled사용권장

<Box sx={{ p: 2, width: '100%' }}>
  <Link 
    to="/" 
    onClick={() => setMobileOpen && setMobileOpen(false)}
    style={{ display: 'block', textAlign: 'center' }} // Link 자체를 block으로
  >
    <img
      src={theme.palette.mode === 'light' ? redlogo : whitelogo}
      alt="logo"
      style={{ width: 120, height: 'auto', display: 'inline-block' }}
    />
  </Link>
</Box>

이게 안정성높음(위)

<Box sx={{ p: 2, width: '100%' }}>
  <Link to="/" 
  onClick={() => setMobileOpen && setMobileOpen(false)}>
    <Box
      component="img"
      src={theme.palette.mode === 'light' ? redlogo : whitelogo}
      alt="logo"
      style={{ width: 120, height: 'auto', display: 'inline-block' }}
    />
  </Link>
</Box>

리덕스 모양새

Api가져오고 체크업

env파일은 pacakge.json과 같은 위치

툴팁별점

아이콘 집어넣는법

왜 두개 export

t선생이한거

• gpt추천(style)

로그인 세션토큰

if(data.success){

localStorage.setItem(‘request_token’,token);

window.location.href = https://www.themoviedb.org/authenticate/${token}?redirect_to=${window.location.origin}/approved

}

토큰생성된것

  useEffect(()=>{
    const logInUser=async()=>{
      if(sessionIdFromLocalStorage){
        const {data:userData}=await moviesApi.get(`/account?session_id=${sessionIdFromLocalStorage}`);
      } else {
        const sessionId=await createSessionId();
        const {data:userData}=await moviesApi.get(`/account?session_id=${sessionId}`);
      }
    }
  },[token]);

동적아이디로 바뀜