javascript

배열 array 

 

.push(). 

• 배열항목추가기능
• Ex) asdasd.push(“”)

 

 

Object

Ex)const Player = {

    name:"kim",

    age:28,

    point:100,

}

 

console.log(Player.name)

Player.tall = 190;

console.log(Player.tall)

 

———————

Function - 계속 반복해서 사용할 수 있는 코드 조각?

// 어떤 코드를 캡슐화해서, 실행을 여러 번 할 수 있게해줌?

 

Function규칙

Function은 () 가 필요

 ex) 

Function sayHello(){

이 블록 안에 작성하는 것이 실행 버튼을 누르면 발생

ex)console.log(“hello”)

}

() <— 이거는 function 을 실행 시켜줌

 

Argument는 함수를 이용하는 사람이. 매개변수에 집어 넣는 값

 function을 실행하는 동안 어떤 정보를 

Function 에게 보낼 수 있는 방법. ****

Ex)

——

function kimTae(name//Argument) {

    console.log(name)

}

 

kimTae(“wook”);

kimTae(“wooook”);

kimTae(“wooooooook”);

 

Wook
woooook
woooooooook 이나옴

 

console.log는 무조건 블록안에서만 작동 밖에서 작동시 에러

——

Return 하는 순간 작동이 멈춤 

Javascript 규칙임

Document = 웹페이지를 뜻 (html)

console.dir() 요소들을 더 자세히 보여줌

 

document.getElementById

Html 에 요소인 id값을 가져오겠다!

document.getElementByTagName

여기서 Tag는 anchor,div,section, button 을 말함

 

addEventListener

 무슨 이벤트를 리슨 하고 싶은지 예) 클릭

 

Function 함수이름은 이벤트리슨 알아보기 쉽게 짖는게 베스트

 

Document 의 Body,title,head는 중요 하기 때문에  바로 존재

나머지 요소들은 getElementById, query selector사용해서 찾아야함

 

window는 말그대로 window

 

정리: 우리는 element를 찾아서 addEventListener를 추가하고 , function 함수를 만들어서  event 가 발생하면 반응을 해줌 

1. element를 찾아라
2. event를 listen 해라
3. 그 event에 반응해라

 

자바스크립트 Event 속성

• Click
• Moseenter
• Mouse leave
• Resize
• Copy 페이지 복사를 못하게 해줌 ex) window.addEventListenner(“”)
• Offline 우리가 wife에 연결 돼있는지 브라우저가 알수있음