JavaScript

console.log()는 element를 HTML과 같은 트리구조로 출력console.dir()은 element를 JSON과 같은 트리구조로 출력구체적으로, console.log()는 DOM element에 대해 특별한 처리를 제공하지만, console.dir()는

integer(정수), float(소수)연산기호를 사용하여 계산 할 수 있다.isNaN() : 입력값이 숫자인지 아닌지를 판별한다.\-> boolean을 통해 true or false 값을 출력한다.\-> 입력값이 숫자면 false, 입력값이 숫자가 아니면 true.처

Variable 데이터를 담아두는 공간. 즉, 프로그램에서 사용되는 데이터를 일정 기간 동안 기억하여 필요한 때에 재사용하기 위해 데이터에 고유의 이름인 "식별자"를 명시한 것이다. Variable 선언 const : variable 값이 변하지 않을 때 사용. l

안에 ',(콤마)'로 값을 구분하여 원하는 값을 배열할 수 있다.설명이 필요없는 list를 배열할 때 사용한다.array의 목적은 variable 안에 데이터의 list를 가지는 것!{ }안에 'a : b'로 값을 구분하여 원하는 값을 배열할 수 있다.설명이 필요한

Function > - 하나의 특별한 목적의 작업을 수행하도록 설계된 독립적인 블록을 의미한다. 필요할 때마다 호출하여 해당 작업을 반복 수행할 수 있다. Function 선언 > - 함수명 : 함수를 구분하는 식별자. parameter(매개변수) : 함수를 호출할

지정한 condition(조건)이 true인 경우, statement(명령문)을 실행한다.condition이 false인 경우, 또 다른 statement가 실행될 수 있다.condition은 boolean으로(true or false)로 판별되어야 한다.( )에는 t

condition이 모두 true여야 true.(condition 중 하나가 false면 false)condition 중 1개만 true이면 true.(condition 전체가 false면 false)'=' : value를 할당.('=' 오른쪽에 있는 값을 왼쪽에 대입

어떤 행위가 발생하는 것( ex. click, hover 등 )JS는 모든 event를 listen 할 수 있다.\-> JS에게 어떤 event를 listen 하고 싶은지 알려줘야 한다.eventListener : event가 발생했다는 것을 알려준다.

특정 element의 class property value를 가져오거나 설정할 수 있다.이전 class를 상관하지 않고 교체해버린다.class를 목록으로 작업할 수 있게 허용해준다.이전 class를 교체하지 않는다. HTML element가 가지고 있는 class el

console에서 JS로 HTML을 불러오고 property를 변경할 수 있다.JS에서 HTML의 element를 검색하는 방법.element를 css 방식으로 검색할 수 있다.여러개의 element가 있는 경우 첫번째 element만을 보여준다.querySelecto

element의 last child 뒤에 Node objects or string objects 집합을 삽입.(= function 안의 경로에 정의한 value를 가장 뒤에 기입.)element의 last child 앞에 Node objects or string obj

array의 각 item에 function을 실행하게 해준다.= 주어진 function을 각각의 array element에 실행한다.callback : 각 요소에 대해 실행할 함수. 다음 세가지 매개변수를 받는다.(= 어떤 이벤트가 발생한 후, 수행될 함수를 의미한다.

브라우저 안의 작은 DB같은 API.localSotrage.setItem : Item을 저장하는 것.localSotrage.getItem : Item을 가져오는 것. localSotrage.removeItem : Item을 지우는 것.localStorage는 strin

각 호출 사이에 고정된 시간 지연으로 함수를 반복적으로 호출하거나 코드 스니펫을 실행한다.코드 스니펫(code snipet)은 '코드 조각', 즉 재사용 가능한 소스 코드를 의미한다. 코드를 재사용할 수 있게 해줌으로써 반복 타이핑을 피할 수 있다.setInterval

현재 string의 시작을 다른 string으로 채워, 주어진 길이를 만족하는 새로운 string을 반환한다.현재 string의 끝에 다른 string으로 채워, 주어진 길이를 만족하는 새로운 string을 반환한다.ex) date.getHours()에 padStart

0부터 1사이의 랜덤한 값을 반환한다.math.random() \* 10 하면, 0에서 9 사이의 숫자를 얻을 수 있다.( 10이 최고값이므로, 0 ~ 9 사이의 숫자를 반환.)이때, 소수도 반환하기 때문에 이것을 없애주는 function이 필요하다.아래의 3가지 fu

Date 생성자.Date 생성자는 Date object를 생성한다.function으로 호출되면, 현재 시간을 나타내는 string(문자열)을 반환한다.Date object를 사용하기 위해서는 먼저 선언해 주어야 한다.new Date()를 사용하는 method : 참고

두 개 이상의 색상이 직선을 따라 점진적으로 변화되는 선형 그라데이션 이미지를 생성.gradient date type의 object이며, image의 특별한 종류 중 하나이다.gradient는 image data type에 속하기 때문에, image가 사용되는 곳에만

내장된 표현식을 허용하는 문자열 리터럴이다.여러 줄로 이뤄진 문자열과 문자 보간기능을 사용할 수 있다.Syntax(구문)

navigator.geolocation.getCurrentPosition()getCurrentPosition( )는 2개의 argument를 갖는다.하나는 모든게 잘 됐을 때 실행될 함수,또 하나는 에러가 발생했을 때 실행될 함수이다.

: JS, HTML 요소를 통해 그래픽을 그리는 방법을 제공한다.1\. JS에서 canvas/context 불러오기context : canvas에 그림을 그릴 때 사용하는 붓.canvas 크기 설정CSS에서 캔버스 크기 설정 후, JS에도 작성한다.(추후, width