XMLHttpRequest(XHR)서버와 통신을 하도록 하는 객체 1. 객체는 서버와 상호작용하기 위해 사용2. 전체 페이지를 새로고침하지 않아도 URL을 통해 데이터를 전송하거나 받아올 수 있음3. XML 데이터 통신 x, 모든 종류의 데이터 받아올 수 있음4. 객체는 브라우저에서 제공하는 API임. node.js환경 x  Ajax동적으로 서버에서 데이터를 주고받는 기술  JSON오브젝트를 보고 만든 데이터 포맷텍스트를 기반으로 하여 파일이 가벼움데이터를 직렬화하여 전송할 때 쓰이는 파일프로그램 언어와 플랫폼에 상관없이 사용가능함모바일에서도 서버와 전송시 사용됨  JSON.stringify(obj)자바스크립트 object를 문자형태로 직렬화 JSON.parse(json)json 타입을 자바스크립트 ob..

동기 방식: 직렬적(순차적)으로 작업 수행.해당 작업이 수행중이면 다음 작업은 대기.서버는 한번에 많은 요청이 들어오고 동시에 많은 요청을 처리해야 하기 때문에 이러한 방식과는 맞지 않음  비동기 방식: 병렬적으로 처리.요청이 들어오면 해당 요청에 의한 작업이 끝나지 않았더라도 계속 요청을 받고, 작업이 끝났다는 이벤트가 오면 해당 요청을 처리함예) Web API, Ajax, axios, setTimeout 등    자바스크립트는 싱글 스레드 방식으로 하나의 스레드에서 모든 것을 돌려야함.비동기적 자바스크립트 동작을 하는 기술들을 통틀어 Ajax라고 하는데, Ajax를 이용해서 데이터를 불러오는 동안 다음 코드를 진행하는 것이 가능해짐   Ajax( Asynchronous  Javascript And X..

let rnd = (min, max)=>{ return Math.floor(Math.random()*(max-min+1)+min); };    1초마다 랜덤색   글자색과 배경색이 랜덤으로 바뀌는 것 확인

setTimeout(function, delay, param1, param2 ...);  -  고정된 delay를 보장받음-  한번만 setInterval(function, delay, param1, param2 ...);   -  지정된 delay에 함수 실행 시간이 포함됨- 주기적으로  위 코드를 실행하게 되면 1초마다 페이지를 새로고침하게 되는데그렇게 되면 서버에 부하가 발생함  function gogo(){ let today = new Date(); console.log("today: "+today); let year = today.getFullYear(); //2024 let month = ('0' + (today.getMonth() +1)).slice(-2); //10월 let d..

팝업을 띄우기 위해서는 window.open메소드를 사용해야합니다. (window는 최상위 객체라 생략 가능)open(URL, target or name, specs ...) target의 속성값 : _self, _blank(기본), _top, _parent    ↓ 부모창 ↓부모창에서 자식창으로 데이터 보내는 법 1 부모창의 텍스트필드..    ↓ 자식창 ↓ 여기는 자식창 보내기   부모창에서 자식창으로 데이터 보내는 법 2  opener : 부모창을 가리킴   ↓ 결과 ↓        자식창 → 부모창       부모창 → 자식창

href vs replacehref - 페이지가 '이동'되므로 이전 페이지로도 이동 가능          history에 기록(캐시- 빠른 액세스를 위해 값을 임시로 저장하는데 사용)되므로          캐시한 페이지를 보여주거나 서버에 요청replace() - 페이지가 '변경'되기 때문에 이전 페이지로 이동 불가                 히스토리에 기록되지 않으며 항상 서버에 페이지를 요청                   결제라던지 다시 돌아가면 안되는 사이트에 사용     naver reload & replace   document.querySelector('a').addEventListener('click', function (e) { locat..

BOM 브라우저 객체 모델 - 최상위 객체는 window- 전역 객체- 모든 객체가 소속된 객체  window에 속하는 하위 객체location : url에 대한 정보 제공history : 방문 기록 정보 제공document: domnavigator: 브라우저와 운영체제에 대한 정보 제공screen: 사용자 환경의 디스플레이 정보 제공 open() / close(): 새로운 창 열고 닫기(opener() : open()을 통해 새로운 창을 열었을 때 그 자식창에서 부모 창을 가리킬 때 opener라고 함)alert()confirm()prompt()setTimeout(함수, ms): 주어진 시간이 경과하면 지정된 함수 호출clearTimeout(object) : setTimeout() 중지setInterv..

로또 생성 script 태그에 이벤트를 설정하는데,script가 button 태그가 있는 body 태그보다 먼저 생성되기 때문에 그냥 이벤트처리하면 실행되지 않습니다.따라서 window.onload를 사용합니다.  window.onload는 모든 코드를 다 load한 뒤에 함수를 실행한다는 뜻입니다.