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)       재선언 불가..

🦷 block : 블록 요소로 표시하며 새 줄에서 시작해 전체 너비를 차지inline : 인라인 요소로 표시하며 높이 및 너비 속성에 영향을 받지 않음   static (default)방향 속성 값의 적용을 받지 않는 자연적인 위치 relative정적 위치에서 방향 속성 값의 적용을 받는 상대적인 위치 absolute기준위치로부터 지정된 방향속성 값에 적용을 받는 절대적인 위치첫번째 기준위치 - 브라우저의 상단 좌측(모든 컨텐츠가 자연 배치되는 기본적인 위치)두번째 기준위치 - 이동요소의 물리적 부모요소가 position:static외 값을 1개 이상 가졌을 때(보통 부모는 relative 많이 함) fixed고정적인 위치

^=속성값 : 속성으로 시작하는 ~$=속성값 : 속성값으로 끝나는 ~    img가 없을 때는  alt$a  -> src -> src^='/'  순으로 우선순위가 적용됐는데       img를 붙이면 우선순위가 바뀜 img가 있는 것부터 우선순위 적용        *=속성값 : 속성값을 포함하는 ~ ~=속성값 : 포함된 속성값이 완벽힌 분리되어있는 항목만        |= 속성값 : 속성값 또는 속성값-로 시작하는 항목