봉보로봉봉

AJAX (Asynchronous Javascript And XML) 서버와 비동기적으로 데이터를 주고받는 자바스크립트 기술 XMLHttpRequest 객체를 사용해 구현하는 비동기 통신 방법 요청 / 응답 과정을 통해 불필요한 부분까지 처리하지 않는다 필요한 부분만 별도로 요청하고 응답 받아 처리할 수 있다 불필요한 대역폭 감소가 가능 > 비용 절감 페이지를 새로고침 하지 않고도 필요한 데이터만 받아와서 내용을 업데이트 할 수 있음 = 웹 페이지 전체를 다시 로딩하지 않고도, 웹 페이지의 일부분만을 갱신할 수 있음 = 백그라운드 영역에서 서버와 통신하여, 그 결과를 웹 페이지의 일부분에만 표시할 수 있음 (예 : 티켓예매 사이트, 검색어 자동 완성) >장점 새로고침이 없으니 페이지전환이 부드러움 JSO..

// data.json { "work":[ { "name":"프로젝트1", "date":"2021.06", "img":"./img/img-04.jpg", "detail":"프로젝트1(상세설명)" }, { "name":"프로젝트2", "date":"2021.07", "img":"./img/img-05.jpg", "detail":"프로젝트2(상세설명)" }, { "name":"프로젝트3", "date":"2021.08", "img":"./img/img-06.jpg", "detail":"프로젝트3(상세설명)" } ] } 객체는 키값이 필요, 바로 [배열]을 쓸 수는 없음 const value = { work:[ 100, 200, 300 ] }; console.log(value); console.log(valu..