출력 위치 및 요소 선택 방법 출력 위치 alert Prompt confirm id / class / tag / css선택자 선택
문자 타입(형)을 설정하고 변경하는 방법 Number BigInt String Boolean Null undefined
function을 사용하는 방법 | img, style,class 의 변경 | 매개변수 이용법
변수( var , let )와 상수( const )의 종류
연산자 += -= == === != !== > , < , >= , <= OR || AND && NOT !
조건문 if와 반복문 switch
사용자에게서 값을 받아오는 법
DOM, event
객체 사용방법 string Array Math Date
object
SetTimeout SetInterval clearInterval || 비동기: 작업을 실행하고 완료가 되기를 기다리지 않고 바로 다시 실행한다.
참고한 블로그👉위와 같이 작성할 시 객체 타입으로 생성된다.{key: "data", value: "50"}script에서 const dom= document.querySelector("button")가 지정되었다고 가정하고,dom.getAttribute(data-ke
중복을 허용하지 않는 Set
객체와 배열의 구조 분해 할당
Rest Parameter, =>, ``, ...
서버와 상호작용하기 위한 내장객체 XMLHttpRequset 1. 객체 생성 2. 요청 전송 3. 헤더값 정의 4. 통신 요청 5. 데이터 받기
서버와 상호작용하기 위한 내장객체 Fetch
정해진 기간의 기능을 수행한 뒤 결과를 반환하는 Promise
객체 지향 프로그래밍에서 특정 객체를 생성하기 위해 변수와 메소드를 정의하는 일종의 틀객체 Class
try{}catch(){}를 이용한 에러 핸들링
코드를 관리하는 가장 작은 단위모듈을 이용하면 코드 관리/재활용이 편해진다.
사용되는 위치에 따라 this 키워드에 바인드 된 객체가 달라진다.web에서는 글로벌 객체인 window가 반환되어 있다.객체.메소드()에서는 객체를 반환한다.HTML DOM요소에 이벤트 발생시 이벤트를 발생한 HTML DOM 요소를 반환한다.👉클릭한 li에 따라 그
브라우저에 저장되는 작은 크기의 문자열 데이터 저장 공간: 브라우저에 저장되어 있는 쿠키의 값쿠키의 값은 위와 같이 직접 지정할 수도 있다!브라우저를 다시 실행해도 저장되어 있는 데이터 저장 공간❗ key 및 value 값은 문자열로 입력해야한다. localStorag
브라우저 객체 모델사용자의 브라우저와 운영체제 정보를 제공하는 객체navigator.appCodeName 방문자의 브라우저 코드명을 반환navigator.appName 방문자의 브라우저 이름을 반환navigator.appVersion 방문자의 브라우저 버전 정보를 반환
call(this로 지정할 대상) 함수 호출에서 사용할 this를 지정한다. call 메소드는 모든 함수에서 사용할 수 있으며, this를 특정한 값으로 지정할 때 사용한다. 매개변수와 같이 사용하고 싶을 때에는 와 같이 (call의 this로 지정되는 값, 매개
string에 사용할 수 있는 문법index에 해당하는 문자의 유니코드 값을 리턴가 는 한글의 가장 첫번째 코드,힣 은 한글의 가장 마지막 코드이다.
출처 객체A들의 모든 열거 가능한 자체 속성을 복사해 대상 객체B에 붙여넣습니다. 그 후 대상 객체B를 반환합니다.목표 객체B의 속성 중 출처 객체A와 동일한 키를 갖는 속성의 경우,그 속성 값은 출처 객체A의 속성 값으로 덮어씁니다.출처 객체A들의 속성 중에서도 키가