해당 포스트는 AJAX 기술에 대해 학습하던 중에 아래 개념을 더 확실하게 하기 위해 작성했다 -> 동기/ 비동기에 대한 확실한 이해-> 비동기호출의 콜백 지옥 예시    2025.04.08 - [Frontend/JavaScript] - Fetch API 란 ? AJAX 기술 이해하기      # 동기와 비동기 개념  구분 개념동기(Synchronous)어떤 작업을 끝날 때까지 작업 안하고 기다림비동기(Asynchronous)어떤 작업이 끝날 때까지 기다리지 않고 바로 실행함    동기 호출  console.log('1');const res = $.ajax({ url: 'https://...', async: false});console.log('2'); // 요청 끝날 때까지 아예 안 찍힘   동기호..

나는 그동안 XMLHttpRequest 만 사용해왔다.이번 정리를 통해 최신 API 기술( fetch(), axios)에 대해 확실하게 알고 넘어아가자!   AJAX(Asynchronous JavaScript And XML) 란 ?  페이지 새로고침 없이 서버와 비동기적으로 데이터를 주고 받는 기술 방식웹페이지를 "부분적으로 업데이트" 할 수 있는 방법임   [ 구현 방식 ]  구현 방식 설명XMLHttpRequest (XHR)예전 방식. 콜백 기반. 복잡함.jQuery $.ajax()XHR을 jQuery로 감싼 것. 쓰기 쉬움.Fetch API최신 표준. Promise 기반. 깔끔하고 가독성 좋음.AxiosFetch를 더 편하게 만든 라이브러리. 자동 JSON 변환, 에러처리 등 좋음    Fetch ..

Attribute (attr) HTML 태그에서 속성(attribute)은 요소의 초기 상태를 정의HTML 마크업 안에 작성된 상태 그대로를 의미 checked>  // attribute: checked 된 상태자체  Property (prop) JavaScript 에서 속성(property)은 요소의 현재 상태를 나타냄DOM 요소의 속성(property)은 JavaScript 에서 제어할 수 있는 동적인 값 checked>  // property : 사용자가 변경할수있는 상태      예시  )  Check Status Toggle Check    '' 로 준 상태   Attribute 는 HTML 에 작성된 상태 그대로를 의미하기 때문에,  상태에서 값을 가져오려 한다면..