210923 TIL

TIL DAY 55

오늘 배운 일

✔️ 코드잇에서 JavaScript 중급

• Put 메소드

  • 데이터를 수정하는 역할을 한다.

    저번 예제와 다시 보면, 두번째 아이디 Alice는 engineering에서 marketing 부서로 이동했다. 그리하여, 데이터 수정이 필요한 시점인데, 우리는 그리하여 Put request를 이용해서 한번 바꿔보겠다.

    예제 )

    

    위에 코드를 잘 보면, 저번이랑 다른거는 변수를 member로 수정했고, 그 안에 데이터를 Alice로 바꾸면서 부서를 marketing으로 지정해줬다.
    그리고 URL안에 /2라고 지정한 이유는 ID가 두번째인 이유다.

    결과값 :

    • 잘 출력이 된다.

    

• Delete 메소드

이번에는 Alice가 퇴사를 해서 그 직원의 정보를 삭제해야 한다고 가정해보자.

코드를 자세히 보면, 변수 선언이 없어지고 body 프로퍼티가 없어졌다.
그 이유는 Delete 메소드는 body를 필요로 하지않는 이유다.

Get과 Delete request는 body에 담을 필요가 없다!

결과값 :

• 두번째 ID 데이터였던 Alice가 없어졌다.

• Response 정리

• Request와 동일하게 Head와 Body로 나눠져있다.
• Response body안에는 우리가 필요한 데이터들이 들어있다.
• Body안에 JSON 데이터가 들어간다.

Head 안의 상태 코드 (Status Code)

확인하는 방법!

첫번째

• fetch함수를 google창에다가 콘솔 출력한다.
  

두번째

• Network로 들어가서 users를 확인하고 Headers에 상태코드를 확인하다.

  

  

  200의 의미는...
  
  출처 : 코드잇

끝으로 느낀점 :

• 오늘은 request 메소드인 Put & Delete 메소드에 대해 배워봤다. 그리고 잠깐이나마 상태 코드라는걸 알아봤는데, 404 의미가 무엇인지 알게되어서 기쁘다.