3월 17일 공부일기#

오늘 스프린트 위주로 공부일기를 작성해본다.

Chatterbox Client 스프린트를 진행하게 되었는데 fetch를 주로 많이 쓰게 되었다.

fetch는 원격으로 API를 간단히 호출할 수 있도록 브라우저에서 제공된 함수이다.

fetch(url, options)
  .then((response) => console.log("response:", response))
  .catch((error) => console.log("error:", error))

기본적인 형태는 이러하며,
default 값으로 get을 option 인자로 갖게되며,
보통 아래와 같이 생략하게 된다.

  
    fetch(`http://3.36.72.17:3000/${githubID}/messages`)
      .then(res => res.json())
      .then(data => {
        data.forEach((element)=>{
          element.text
        })
    })

하지만 get이 아닌 다른것을 필요로 할경우.. POST프로토콜로 JSON인코딩된 데이터를 보내기 위해
아래와 같이 작성한다.

fetch(`http://3.36.72.17:3000/${githubID}/messages`, {
      method: 'post', 
      body: JSON.stringify(data)
    })
    .then(res => res.json())
    .then(data);
  }

이러한 데이터 구조를 갖게된다 (stringfy)