TIL 20230715

 

이번 주 목표

뼈대 완성

오늘 목표

프론트 js 파트 전부 작성

오늘 한 것

프론트 js posts 작성 완료

프론트 js newsfeeds 작성 완료

프론트 js login/signup 작성 완료

프론트 js comments 작성 완료

Lv.4 강의 리뷰 영상 시청

Lv.5 강의 리뷰 영상 시청

1. 프론트에서 fetch로  status 가져오기

문제

이전에 fetch로 데이터를 가져올 때 response 에서 status를 뽑아오기가 힘들어서

json만 뽑아서 메시지가 일치하였을 때 특정 코드를 동작하게 만들었다.

나는 status를 깔끔하게 뽑아서 하고 싶다. 

시도

response.json은 내가 백에서 내보낸 json이므로 내보낸 것만 담는다.

즉, status를 뽑으려면 json이 아닌 상위에 있는 response 에서 뽑으면 된다.

해결

시도의 방법으로 성공. 

async function login() {
  const password = document.querySelector('#loginPassword').value;
  const nickname = document.querySelector('#loginNickname').value;
  const response = await fetch(`http://localhost:3000/api/login`, {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json',
    },
    body: JSON.stringify({ nickname, password }),
  });
  const result = await response.json();
  console.log(result.message);
  if (response.status == 200) {
    socket.emit('LOGIN', {
      nickname,
    });
    location.href = 'http://localhost:3000/newsfeeds.html';
  }
  return alert(result.message);
}

알게된 것

status를 뽑으려면 json이 아닌 상위에 있는 response 에서 뽑으면 된다.

---

정리 

status를 뽑으려면 json이 아닌 상위에 있는 response 에서 뽑으면 된다.

 

체크리스트

[ ... ] 코딩 시 복사 + 붙여넣기를 하지 않았는가?

바빠서 좀 했습니다... ㅠ ㅠ

[ ? ] 오늘을 평가하였을 때 주니어 개발자가 될 수 있겠는가?

잘 모르겠습니다. 많이 배워야 할 것 같습니다.

KPT

Keep

일단 컴퓨터 앞에 앉아서 오류를 수정해 보는 것

 

Problem

몰입도와 즐기는 마음이 사라져 속도가 느림

 

Try

몰입, 즐기기

소감

파이팅