Ajax

AJAX는 절대로 폴더에서 바로 파일을 열면 안 된다. 보안문제로 인해서 꼭 서버랑 통신을 해야 하기 때문에 웹서버를 통해서 웹사이트를 구동해야 동작한다. 1. fetch API란? Ajax를 구현하는 여러가지 기술이 있다. 여기서는 최신 기술인 fetch API를

fetch API에서는 CallBack 함수를 주게 되면,CallBack 함수를 fetch API가 실행시킬 때,함수의 첫 번째 인자의 값으로 response 객체를 준다.패치를 통해 우리가 요청을 했을 때,웹서버가 응답한 그 결과를 갖고 있는 객체.데이터가 respo

인터페이스의 text() 메서드는 스트링을 가져와 완료될 때까지 읽는다.🤔 궁금해서 resopnse.text() 를 console.log 해 보았다.결과는 출력이 된다!🙄 하지만 텍스트는 한 번만 읽혀서text() 를 이용해 무언가를 실행한다면 에러가 뜬다.따라서,

중복을 제거하며 기존의 익명 함수를 리팩토링하다.위 코드는 li를 click 하면 name 인자를 갖고와 파일의 텍스트를 읽고, 그 텍스트를 article의 내용(innerHTML)로 넣어준다.name 인자: html, css, javascript 등이 들어옴resp

1. fragment identifier(조각 식별자) 🤔 fetch API에서는 단점이 존재한다. 링크인데 밑줄이나 이런 게 없다. (css가 없는 상태에서) 클릭에 따라 웹페이지의 주소가 변경되지 않는다. (공유할 때 힘들다.) 위 단점들을 해결하기 위한 원시

fetch API와 querySelector, innerHTML 을 사용하여list.js에 있는 내용을 ol

list 파일에 있는 li들의 리팩토링을 해 봤다.기존에 메뉴명만 다른 li의 엘레멘트를 전부 적었다면,html,css,javascript,ajax 를 적으면 , 를 기준으로 배열을 만들 수 있는 split() 와 반복문을 사용하여 더욱 편리하게 한다.수정 전html,

1. can i use에서 호환성 확인하기 https://caniuse.com/?search=fetch 2. polyfill >polypill을 이용하면 fetch API를 지원하지 않는 웹브라우저에서도 이용할 수 있다. 지원되지 않는 브라우저에서 코드가 실행되면 p

최근 공부한 fetch API 를 사용하던 도중,fetch API 로 불러온 HTML 에게 기존에 불러온 JS 가 안 먹히는 상황을 접했다.열심히 Search🔎 해 본 결과,script 코드를 JS 코드로 생성하여 append 해 주는 방식을 사용했다.해당 방법을 사