목록자바스크립트 (5)
kenzi
//querySelector로 element 선택 const kenzi = document.querySelector("h1"); //함수 만들기 function colorKenzi(){ kenzi.style.color = "blue"; } //addEventListener로 event 정하고 event listen한 후의 실행해야 할 함수 넣기 kenzi.addEventListener("click",colorKenzi); //h1이 click되어지는 event를 listen하면 colorKenzi()를 실행 == 누르면 색깔 변함 사용가능한 event 찾는건 console.dir(element명); 으로 찾아서 볼 수 있음
Function 은 계속해서 사용할 수 있는 반복재생과 같은 기능이다 똑같은 행위를 구구절절 나열하고 싶지 않아서 생긴 개념이다 //function 생성은 function 함수명(){}를 이용한다 function sayHello(nameOfPerson,age) { console.log("Hello, my name is" + nameOfPerson + "and i am "+ age + " years old."); } //function 실행 sayHello("Kenzi", 10); sayHello("ground", 20); //콘솔 결과 : "Hello, my name is Kenzi and i am 10 years old." // "Hello, my name is ground and i am 20 yea..
//array는 네이버 쇼핑 장바구니와 비슷하다 //array생성은 [대괄호]와 , 를 사용한다 const KenziArray = ["LipTint","웜톤정모",10000]; //array안의 요소를 추가하고 싶을 땐 push를 사용한다 KenziArray.push("Peripera"); //arrya안 요소를 하나씩 빼오고 싶으면 array명[]을 사용한다 , 배열요소는 0부터 센다 console.log(KenziArray[1]); //콘솔 결과 : 웜톤정모 array배열안 요소들은 여러 타입이 들어갈 수 있다 자바스크립트 데이터 타입은 string number boolean object function undefined 6가지 타입이 있다 장바구니에 생활용품 주방용품 의류 등 여러가지를 담을 수 있..
boolean : true / false로 표현되는 참 거짓식 null : 아무것도 없다는 것을 나타냄 undefined : 변수는 존재하지만 값이 없어요 - 변수선언만 했음 ----> null 과 undefined의 차이점 : null은 값=비어있음을 표현 // undefined는 너 값 설정 자체를 안했다? 예시) null은 여백의 미 // undefined는 여백이라고 할만한게 없다 ... null은 값이 0이야 // undefined는 값 자체랄게 없어....값이 뭐야 먹을거냐.....
자바스크립트에서 변수를 선언할 때 let은 변수를 업데이트, 수정할수도 있지만 const는 상수로 정하는 것이기 때문에 수정 불가능하다 즉 let으로 설정된 변수는 나중에 바뀔수도 있다는 것을 알고 코드를 읽으면 의도파악하기가 쉽다 그럼 let과 var은 둘다 업데이트 가능하다는 점에서 똑같은거 아닌가? ---> X 왜? let은 재선언 불가, 재할당만 가능 var은 재선언 가능, 재할당도 가능 ---> 재선언이 가능하다는 것은 다른 사람이 내가 사용한 변수명을 모르고 똑같이 사용했을 경우 에러 없이 그대로 넘어가기 때문에 문제가 된다 let a = b; let a = c; // let 자체를 재선언? 불가능 a = c; //재할당은 가능 var a = b; var a = c; // var 자체 재선언 ..