오늘 해야 할 일

• 트리플 과제 하기
• 프로그래머스 공부
• 타입스크립트 공부

오늘 배운 것

fetch

fetch 매서드는 JavaScript에서 서버로 네트워크 요청을 보내고 응답을 받을 수 있도록 해주는 매서드이다.

fetch는 프로미스와 ajax과 연관이 있다. 다만 나는 바로 axios와 async/await로 건너 뛰었기 때문에 fetch에 대한 이론 정립을 못했다. 하지만 어느 곳에서나 'fetch'한다 라는 말을 쓰고 있기에 이것을 정리 해야만 했다. 그래서 정리 글을 쓴다.

https://ko.javascript.info/fetch

자바스크립트를 사용하면 필요할 때 서버에 네트워크 요청을 보내고 새로운 정보를 받아오는 일을 할 수 있습니다.

네트워크 요청은 다음과 같은 경우에 이뤄집니다.

• 주문 전송
• 사용자 정보 읽기
• 서버에서 최신 변경분 가져오기
• 등등

그런데 이 모든 것들은 페이지 새로 고침 없이도 가능합니다.

---

여기까지가 위 사이트의 내용이고 그 다음은 예제들이다. 결국 fetch는 프로미스 타입의 객체를 반환한다.

오늘 공부 한 것

옵셔널, 디폴트, 레스트 파라미터

function printName(firstName: string, lastName?: string) {
    console.log(firstName);
    console.log(lastName);
  }
  // printName("Anna", undefined);
  printName("Luke");

---

function printMassage(message: string = "default message") {
    console.log(message);
  }
  printMassage();

---

function addNumbers(...numbers: number[]): number {
    return numbers.reduce((a, b) => a + b);
  }
  console.log(addNumbers(1, 2));

Tuple

동적으로 뭔가 좀 관련 있는 다른 타입의 데이터를 묶어서 사용자가 이름을 정의해서 쓸 경우에 유용함.
ex) 리액트의 useState const [state, setState] = useState(0)