HTML 변수 및 예약어

---

1줄 영역

---

경로

./ : 현재경로
../ : 상위경로

삭제

Delete 변수명/object명 - 변수삭제

script 함수

Location
Document
Object.keys(변수(object)명) - object에서 key부분을 내놓아라 
Object.value(변수(object)명) - object에서 value부분을 내놓아라
Console.log()  - console print
.append() - 추가 return 하지 않음, 다중값 허용
.appendChild() - 추가 인데 return함, 다중값 불가
.createElement("p") - 새로운 tag 만들기
.addEventListener("행동",발휘될 함수)
.forEach(value,index)
JSON.parse(json으로 변환할 문자열) 
JSON.stringify(JSON문자열로 변환할 값(object))
setTimeout(함수(동작),시간) - 한번
setInterval(함수(동작),시간) - inf
-->clearInterval(intervalId) - 멈춤
canvas명.getContext("2d") - canvas값 참조하기
img명.onload - 이미지 로딩이 완료되면 특정행위(함수) 실행
Img.src = "이미지 위치 및 이름"
(Event).keycode - key를 눌렀을 때 key값에 대한 변수

함수

Alert(쓰고 싶은 말) - 알림창
Prompt(쓰고 싶은 말)-입력창 (scanf)
Confirm(쓰고 싶은 말)-yes/no창
parseInt()-숫자로 변경(시작부터 숫자부분까지)
Number() -숫자로 변경(이물질 껴있으면 Nan)

class

<class>
New 어쩌구(원소1,원소2,원소3) - CLASS생성
New Audio("오디오 위치 및 이름")
	• 오디오명.currentTime=0 - 처음으로 가기
	• 오디오명.play() - 음악재생

context

<context>
Context.save() - 현 context위치 저장
Context.transfer(100,100) - 평행이동
Context.rotate(라디안) - 각도 수정 (라디안 단위)
Context.restore() - context를 원래 위치로 복구
--> 그림을 그릴때 axis(축)을 평행이동 혹은 회전해서 그리는 방식에 사용

element

<element>
.value - <input>
.innerText - 여러가지
.textContent - <h1>
.marginLeft - 마진 이동
.left - 개체를 이동
.insertAdjacentHTML - 요소 추가하기

배열

배열명.length - 배열 size (배열명.length() - 문자열 size이라는 데 잘 모르겠다 안써짐)
배열명.push(변수명) - 배열 끝에 변수 삽입 (뒤에 붙여)
배열명.pop() - 배열 끝에 변수 추출 (뒤에서 꺼내와)
배열명.shift() - 배열 앞에 변수 추출 (앞에서 꺼내와)
배열명.unshift() - 배열 앞에 변수 삽입 (앞에붙여)
배열명.slice(start,end) - 배열을 얕은 복사로 짤라내기(start부터 end-1까지)
배열명.splice(n,m) - n번째 index부터 m개 추출 (단순복제 --> 기존 데이터가 증발함)
배열명.reverse() - 역정렬
배열명.sort() - 정렬
배열명.indexOf(a,b) - a 문자열의 위치, b index부터 탐색
배열명.lastIndexOf(a,b) - a 문자열의 위치, b index부터 탐색인데 뒤에서 부터
배열명/object명.forEach(value,index) -  배열(object)안의 각 값에 대한 value와 index를 매개변수로써 return해준다.
변수명.focus() - 특정 tag나 창에 focus를 둔다. (queryselector("#Input").focus();)
배열명.fill(value)- 배열전체를 value로 초기화
배열명.at(index) - 해당 위치의 값을 알려준다.

---

간단한 설명

---

Selector

Document.queryselector(특별범위) - html문서 전체를 document라 하고, 그중 특별범위를 선택한다.
<><>같은 tag형식은 ("p")
Addbtn같은 id형식접근은 ("#addbtn")
Class속성은(".box")
--> ("p#addbtn"),("p.box")

Tag 복사

tag{내용$}*n n만큼 복사 되고 $은 for i라 생각
p{p$}*3
<p>p1<\p>
<p>p2<\p>
<p>p3<\p>