안녕하세요

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입니다. 자바스크립트는 한 번에 한 줄의 코드만을 실행합니다. 하지만..

264. 이벤트 버블링 : 공기방울이 바닥에서 올라가듯이 자식태그 > 부모태그로 이벤트가 연달아 발생합니다. button 이벤트동작 > p 이벤트동작 > .container 이벤트동작 > section 이벤트동작 자식을 클릭하면 자식이벤트 이후 부모의 이벤트가 순서대로 실행되어버립니다. 버블링을 막으려면(button을 클릭할 때 button의 이벤트만 실행하고 부모의 이벤트의 실행을 막으려면) e.stopPropagation(); 함수를 실행하면 됩니다. button.addEventListener('click', function(e) { // button에 click이벤트를 줍니다. container.style.backgrounColor = 'red'; // container의 style 중에서 back..