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한 뒤에 함수를 실행한다는 뜻입니다.

let rnd = (min, max)=>{ return Math.floor(Math.random()*(max-min+1)+min); }; js 파일에서 최솟값, 최댓값을 파라미터로 받는 함수 만든 후html에서 활용하기     숫자 맞추기 [1~100] 맞추기

Rest Parameter: 매개변수 이름 앞에 ... 을 붙여서 정의한 매개변수로함수에 전달된 전달인자들을 배열로 전달받는다. 전달인자의 수가 정해져있지 않은 경우에 사용할 수 있다.   function myFun(a, b, ...c){ console.log(a,b,c); } myFun("과제","자습시간","줄까말까");      function myFun(a, b, ...c){ console.log(a,b,c); } myFun("과제","자습시간","줄까","말까"); 배열이 나눠서 들어가짐

변수 키워드 3종       var           함수 범위 유효(function scope)       재선언, 재할당 모두 가능 >> 개발자 간 오류 발생 가능성이 높아 사용을 지양              - 키워드 생략을 허용 >> 의도치 않은 전역화 발생       - 중복 선언 허용 >> 의도치 않은 값 변경       - 호이스팅 적용 대상 >> 선언 이전 참조 가능의 비정상적인 코드 흐름 발생 (호이스팅: 변수선언 후에 사용해야되는데, 선언 전에 사용해도 에러 발생시키지 않고 실행시킴)            협업 중 개발자간 혼란과 코드 복잡도 증가를 보완하기 위한 새로운 키워드 도입(ES6)      let       블록 범위(중괄호) 유효(block scope)       재선언 불가..