오늘 한 일

알고리즘
개인과제 진행

오늘 공부한 내용

✅ falsy 한 값

로그인 성공 후 서버에서 받아온 토큰을 리듀서에 저장할 때 !!accessToken 으로 저장함
👉 처음부터 true/false 로 적으면 되는데 not의 not을 의미하는 !!을 굳이 쓰는 이유?
💡 trusy / falsy 한 값 때문 (undefined, null, 0, "")
accessToken 이 null인 경우 false는 아니고 falsy한 값이기 때문에 오류가 난다
이런 오류를 막기 위해 !!을 사용

✅ 이미지파일 서버에 보내는 법

• <input type='file' />
• file은 value를 가지지 않음
• file의 event.target은 한장의 사진을 넣어도 무조건 files로 나오기때문에 한장만 올리면 첫번째 요소를 선택해줘야 함

<input
  type='file'
  onChange={(e) => {
  setAvatarFile(e.target.files[0]);
  }}
/>

• FormData 객체 생성
• formData.append('avatar', avatarFile);
  ('avatar'는 바꾸려는 속성 이름)
• headers에 'Content-Type': 'multipart/form-data'필수

  const editAvatar = async () => {
    const formData = new FormData();
    formData.append('avatar', avatarFile);
    await axios.patch('url', formData, {
      headers: {
        'Content-Type': 'multipart/form-data',
        Authorization: `Bearer ${accessToken}`,
      },
    });
  };

✅ calc 사이엔 공백필요

💥height: calc(100vh-60px); 적용이 안되는 문제
💡 height: calc(100vh - 60px);