TIL - 3주차

TIL 21일차

fetch를 통한 서버 요청하기와 this의 5가지 패턴에 대해서

Todays’ Key 🔑

• fetch(‘url주소’)를 이용해서 키를 가진 API에 접근하고 해당 데이터를 가지고 오는 방법에 대해서 학습했다.
• javascript 엔진의 실행 원리인 Execution Context에 대해서 학습하고 이해하는 중이다.
• javascript의 this에 대해서 공부하고 그것이 보통적으로 가지고 있는 5가지 패턴에 대해 학습했다.

추가로 공부하자 🔥

• javacript의 비동기성에 대해서 상세하게 공부하고, 커피를 주문하고 소비하는 방식으로 정리된 코드를 블로그에 정리했으면 좋겠다.

자꾸자꾸 보고 적고 직접 치면서 늘어나는 javascript 상식! (으쌰!) 🚀

• API 주수에 따른 데이터를 받아오기 위해서 서버에 접근 요청하는 방법

fetch('url 주소')
.then( function(resp) {
   return resp.json();  // 요청하는 파일 형태에 따라서 다르다.
})
.then ( function(json) {
   특정 형태를 어떻게 가지고 올지에 대한 실행문.
})

호출되는 순서대로 Stack에 쌓이고 늦게 들어온 순서대로 나가는(LIFO) Execution Context (실행 콘텍스트)

• execution context는 함수 단위로 실행된다고 할 수 있다.
• 선언되고 실행된 함수별로 메모리 테이블을 따로 가진다. > 그래서 함수 실행시에 스코프가 생성된다.
• 특정 함수의 호출시에 생성되는 execution context는 디버거를 통해서 확인가능하다.
  

execution context에 담기는 정보

• scope의 변수 (지역, 글로벌 변수)
• this
• 함수를 호출하는 근원 > 함수를 작동하게 만든 근원
• 전달인자 (arguments)