💖 221106 Today I Learned 💖

401 unauthorized

---

• 문제 사항, 에러 : 로그인 성공해서 로컬스토리지에 토큰이 있는데도 계속 401 unauthorized 에러 발생
• 해결 방법 : header에 인증 정보 추가
• const response = await fetch('<http://127.0.0.1:8000/users/profile/>',{ headers : { 'content-type' : 'application/json', "authorization" : "Bearer " + localStorage.getItem("access") }, method : 'POST',
• 알게 된 점 : get방식일 때 body에 데이터가 안 담기는 거지, post방식일 때 header에 데이터가 안 담기는 게 아닌데, 아직 알고만 있고 적용이 잘 안 되나보다.

사진 업로드 버튼을 눌러도 무반응

---

window.onload = () => {
    handleAuthorization()

    const realUpload = document.querySelector('.real-upload');
    const upload = document.querySelector('.upload');

    upload.addEventListener('click', () => realUpload.click());
}

• 에러 발생 이유 : onload 안에 작성하지 않음.
• 해결 : onload 안에 작성해 페이지가 로드되자마자 기능이 추가되도록 했다.

오늘 배운 것

---

• input창에 이미지 파일만 허용해서 파일을 받는 방법에 대해 알게 되었다.
• 이비지 업로드 인풋창이 너무 못 생겨서 거슬렸는데 다른 이미지로 대체하는 법을 알게 되었다.