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가 있는 것부터 우선순위 적용        *=속성값 : 속성값을 포함하는 ~ ~=속성값 : 포함된 속성값이 완벽힌 분리되어있는 항목만        |= 속성값 : 속성값 또는 속성값-로 시작하는 항목

우선순위id > class > element  들여쓰기를 통해서 부모자식간의 관계를 확연히 확인 가능 자식1 자식2 후손1 후손2 (p) 후손3 자식3 자식4 (p) 자식5    자식과 자손- id가 parent인 요소의 자식과 자손 중 div인 것들 #parent div{ border-color:gold; }   자식만- id가 parent인 요소의 자식중 div인 것만 #parent > div{..

선택하세요 부가티 제네시스g80 티코 마세라티 람보르기니 선택   getElementsByTagName은 배열 항목을 제공해서출력할 때 명확한 값을 지정해야 합니다.그래서 sel1[0].value로 값을 출력했고 querySelector는 단일 항목을 제공하기 때문에 그냥 sel2.value로 하면 결과가 잘 출력됩니다.  ID로 접근하는 법   선택하세요 부가티 제네시스g80 티코 마세라티 람보르기니 선택           ..

html에서 form 태그는 데이터를 전달해주는 역할을 해줍니다.따라서 form 태그의 method 속성값인 get과 post를 통해 데이터를 전달해 처리할 수 있습니다. GET: 주로 데이터를 조회할 때 사용합니다. URL에 파라미터를 포함할 수 있으며, 이로 인해 요청이 캐시되거나 즐겨찾기 추가가 가능합니다. 보통 doGet 메서드에서 처리됩니다.POST: 서버에 데이터를 전송할 때 사용됩니다. URL에 파라미터를 포함하지 않으며, 요청 본문에 데이터를 포함합니다. 보통 doPost 메서드에서 처리됩니다. get: read -> 데이터 전송. 헤더를 통해 데이터 읽어옴링크에 queryString 형태 ( url?name으로 설정한 정보 = 입력양식에 입력된 값 )로 전달데이터 변경이 없을 때 ..