안녕하세요

288. Fetch API : JavaScript를 이용해 HTTP 요청을 만드는 최신 방식 XHR대신 AJAX가 인기를 끌게 됩니다. 비동기 요청방식으로, 동적 화면을 만들고 새로고침을 하지 않아도 됩니다. fetch('https://주소') 올바른 주소라면 promise 상태 resolved를 반환하고 올바르지 않은 주소라면 promise 상태 rejected를 반환합니다. fetch('https://주소') .then(res => { console.log("response", res) // 주소로부터 응답을 받습니다. return res.json() // 주소로부터 받은 데이터를 JS로 이용할 수 있도록 parsing합니다. }) .then(data => { console.log("Parsing D..

281. AJAX 요청함수와 API 서버에서 실제 데이터 요청하기 282. AJAX API JavaScript로 요청하기 AJAX는 비동기식 JavaScript와 XML입니다. JavaScript로 AJAX에 요청을 할 때 순수한 데이터가 필요합니다. 이 때 필요한 것이 API입니다. 일반적으로 웹 개발자들이 말하는 API는 WebAPI로 HTTP를 기반으로 하는 인터페이스입니다. 이는 특정 엔드포인트를 제공하고, 사용되는 코드에 정보로 응답하거나 다른 소프트웨어에 정보로 응답합니다. 엔드포인트란 제공하는 정보와 비슷합니다. 예를 들어서 영화 API의 경우 (일자별 관객 수, 매출, 평점, 상영관정보, 이 모든것을 제공 등등)이 있다고 생각하면 될 것 같습니다. WebAPI는 다른 앱이나 데이터베이스로 ..

278. 비동기 키워드 async await const sing = async () => { throw "problem" return 'return value' } 오류가 없으면 promise 상태는 resolved가 뜨면서 retrun의 값을 반환하고 오류가 있으면 promise 상태는 rejectec가 뜨면서 에러가 발생합니다. sing() .then(data => { console.log("resolved", data) // promise 상태가 resolved면 .then()을 실행합니다. }) .catch(err => { console.log("rejected", err) // promise 상태가 rejected면 .catch()를 실행합니다. }) 좀 더 와닿는 예시로 로그인 함수를 만들어봅..

271. 콜 스택(call stack)개념 책을 쌓으려면 맨 위에 쌓고, 책을 정리하려면 맨 위에서부터 치워야 하듯이 처음 만나는 함수 A가(맨 아래에 있는 책) 실행되고, 함수 안의 함수B, 그리고 그 함수 안의 함수C, D, E를 실행하는 순서는 A실행 -> B실행 -> C실행 -> "C제거" -> D실행 -> "D제거" -> E실행 -> "E제거" -> "B제거" -> "A제거" 와 같이 됩니다. 동기 비동기 참고자료★ https://learnjs.vlpt.us/async/ 272. WebAPI와 단일 스레드 개념 DOM, SVG, Fetch, setTimeout과 같은 것은 JavaScript가 아니라 브라우저에서 제공하는 API입니다. 자바스크립트는 한 번에 한 줄의 코드만을 실행합니다. 하지만..