본문 바로가기

_Programming/JavaScript

 (12)
Basic.DOM(Document Object Model) DOM 브라우저에 의해 기록되는 모든것으로 웹페이지를 자바스크립트로 제어하기 위한 객체 모델을 의미한다. document를 개체로 구현한것이다. "자바스크립트는 너의 모든html태그를 가져다가 객체로 만들거야 이 객체는 .(점)찍었을때 나오는 것 같이 나오지." //Html This works! //JS const title = document.getElementById("title"); //객체화하는 과정 title.innerHTML = "Halo From JS"; //객체가 되어 자바스크립트에 내장된 keyname을 가져다 쓰는 과정 //Browser 이게 바로 JS의 힘이다. dom.html파일에서 직접적으로 id="title"의 내용이 바뀐건 아니지만 Browser에서는 Elements의 id="..
Basic.Function Function 기능적으로 무언가를 만들어 내는것이다. 'A piece of code' : 많이 가져다 쓸 수 있는 한 조각의 코드 라고 표현한 것을 들었는데 이 말이 딱 와닿는듯 하다. console.log()를 예로 들면, console은 Object이고 . 찍고 불러오는 것들이 console Object에 내장되어 있는 각각의 함수가 되는것이다. console.log(console); //console {debug: ƒ, error: ƒ, info: ƒ, log: ƒ, warn: ƒ, …} Function 생성 - sayHalo가 함수 이름이 되고 {}안에 내용이 실행문이고 함수이름을 부르면 응답한다.(실행이된다.) function sayHalo(){ console.log("halo!"); } //..
Basic.Array & Object 데이터 정렬의 두가지 방법 1. Array 2. Object Object를 Array 안에 넣을 수 있다!!! Array(데이터를 저장하는 곳으로 리스트를 함께 저장한다) ([ ] 브라켓사용) --->이건 비효율적 const mon = "Mon"; const tue = "The"; const wed = "Wed"; const thu = "Thu"; const fri = "Fri"; console.log(mon, tue, wed, thu, fri ); //Mon The Wed Thu Fri //배열생성 const daysOfWeek = ["Mon", "Tue", "Wed", "Thu", "Fri"] console.log(daysOfWeek); //["Mon", "Tue", "Wed", "Thu", "Fri..
Basic.연산자(Operator) # 대입연산자 a=1 //a에 1을 대입한다. 담는다 # 비교연산자(equal operator)(=) 주어진 값들이 같은지 다른지 큰지 작은지를 구분. 결과는 true나 false. # 동등연산자(strict equal operator)(==) : 좌항과 우항의 정보만 비교. alert(1==3) //false alert(3==3) //true alert("go"=="potato") //false alert("go"=="go") //true # 일치연산자(===) : 좌항과 우항의 정보와 데이터의 형식까지 비교. alert(1=="1") //true alert(1==="1") //false #부정 alert(1!=2) //true alert(l!=1) //false #부등호 alert(10>20); //..

티스토리툴바