200824

Promise Object

동시다발적으로 일어나는 작업 중에서 성공 또는 실패를 나타낸다.

대부분의 경우 우리는 promise객체를 사용하는 사용자 입장이 된다.

call back? 동시다발적인 함수에 대해 콜을 할 때 이에 응해 돌아도는 값?

예전 방식의 함수에서는 해당함수의 인자에 성공 또는 실패에 대한 callback function이 삽입이 되었지만,

최근 방식의 함수에서는 promise를 반환받기 때문에 .then() method를 통해 반환 받을 수 있다.

chaining

하나의 실행 이후에 연달아서 다음 실행이 필요한 경우가 있다. 이는 chaining을 통해 극복 가능하다.

이 떄 then을 사용하여 연달아 인자로 사용할 수 있다.

then method의 인자는 반환되는 값을 의미한다. 우리는 이 반환 값을 가지고 다른 함수에 인자로 전달할 수 있다.

그리고 전달된 객체는 $기호와 중괄호를 이용해 사용할 수 있다.

catch() Method

.catch(failureCallback) 를 통해 콜백 실패 이벤트를 관리한다.

' 와 $로 관리 되는 객체..? '

=> innerHTML을 JS에서 사용할때 바로 코드로 작성하는 게 아니라 `(' 아님)안에 html코드를 작성하는 것이다.

`Got the final result: ${finalResult}`

${이걸로 관리되는 객체는 종류가 무엇인지..?

queryselector로 받은 객체들 왜 const형으로 밖에 저장 못하는지?

===================================

Request()

the Request() constructor creates a new Request object.

input Defines the resource that you wish to fetch. This can either be:

- A USVString containing the direct URL of the resouce you want to fetch

- A Request object

fetch()

we are using fetch API to do the request. We just have to pass in the url of the API we want to make

a GET request to and we're going to get back a promise.

Fetch provides a generic definition of Request and Response objects.

The fetch() method takes one mandatory argument, the path to the resource you wnat to fetch.

It returns a Promis taht resolves to the Response to that request, whether it is successful or not.

when the fetch is successful, we read and parse the data using json().

then read values out of the resulting objects as you'd expect and insert them into list

itmes to display our product data.

json 파일에서 받은 객체를 InnerHTML상에서 사용하는 방법은 두 가지가 있다.

`{object.name}` : 가장 일반적인 경우고 접근 방법도 쉽다.
`{object[`name${i}`]}` : 이것도 된다. 만약 객체 안의 요소가 Ingredient1, 2, 3 .. 이렇게 되어 있는 경우에는 이와 같이 접근 할 수 있다.

YoungCode