04.06.2022 TIL

TIL

Done it

fetch api

XMLHTTPRequest를 대체하며 Promise기반으로 동작하는 비동기 API

=> Promise + reject = fetch

• HTTP Error가 발생해도 reject 되지 않고 then으로 떨어집니다. (.status, .ok(.ok: 200 ~ 299인 경우만) 확인 하기)

 

URL

• ?

query를 실행하거나 database에 대한 작업을 수행하는 구분 기호

https://google.com?q=paeng

인 경우 google.com으로 이동하고 검색 상자에 paeng넣는다.

• #

페이지에서 이동할 위치를 나타낸다.

즉, URL 끝에 #paeng이 있으면 id="paeng"이 포함된 페이지를 검색한 후 해당 지점으로 이동

• &

쿼리 문자열이 2개 이상인 경우 &을 사용하여 구분

https://google.com/search?q=paeng&sitesearch=wiki

 

Promise.all()

여러 Promise들의 값들을 배열로 담아서 줍니다.

const p1 = Promise.resolve(1)
const p2 = 42
const p3 = new Promise((resolve, reject) => {
    setTimeout(resolve, 100, 'paeng')
})

Promise.all([p1, p2, p3]).then((values) => {
    console.log(values) // Array [1, 42, "paeng"]
})

 

ㅁ.closet("목표 태그")

ㅁ 태그의 위로 올라가면서 ("목표 태그")를 찾는 function

ㅁs.addEventListener('click', (e) => {
    const $targetTag = e.target.closet("li")
})

 

 

Feeling

오늘 커피챗까지 했는데 진짜 좋은 팀원과 멘토님을 만난것에 감사한 것 같습니다. ㅎㅎㅎ 그리고 오늘 한 강의를 완벽히 이해를 못해서 진짜.... 멘탈이 흔들렸습니다. 그래서 더 열심히 시간을 쪼개서 해야 될 것 같습니다. ㅎㅎ 더욱 완벽하게 이해하도록 하겠습니다 :)

 

 

REF

https://www.quora.com/What-do-and-mean-in-a-URL

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/all