안녕하세요, 이번 시간에는 fetch API 사용법에 대해 알아보겠습니다. 지난시간에 Ajax가 무엇인지에 대해 개념적으로 알아보는 시간을 가졌는데요. Ajax를 구현한 여러가지 방법 중 최신 방법이 fetch API 입니다. ↑ fetch.html 이런 파일을 작성해보았습니다. fetch라고 써있는 버튼이 있고 클릭하면 hi라는 경고창이 뜨게 하는 코드입니다. 일단은 우리가 Ajax를 사용하기 위해서 필요한 코드를 하나하나 이해하기 전에 기계적으로 타이핑해보겠습니다. ↑ fetch.html 그리고 css.txt 파일에 ' CSS CSS is .... ' 라고 적었습니다. fetch.html을 실행하고, 개발자도구-network에서 확인해보면, 버튼을 누르기 전에는 fetch.html만 존재하고 있습니다..

안녕하세요, 이번 시간에는 Ajax가 무엇인지에 대해 알아보겠습니다 ༼ つ ◕_◕ ༽つ 🍭Ajax란? - JavaScript의 라이브러리중 하나, Asynchronous Javascript And Xml(비동기식 자바스크립트와 xml)의 약자 - 브라우저가 가지고있는 XMLHttpRequest 객체를 이용해서 전체 페이지를 새로 고치지 않고도 페이지의 일부만을 위한 데이터를 로드하는 기법 - JavaScript를 사용한 비동기 통신, 클라이언트와 서버간에 XML 데이터를 주고받는 기술이다. - 즉, 쉽게 말하자면 자바스크립트를 통해서 서버에 데이터를 요청하는 것이다. 🍮비동기 방식이란? 비동기 방식은 웹페이지를 reload하지 않고 데이터를 불러오는 방식이며 Ajax를 통해서 서버에 요청을 한 후 멈추어..