본문 바로가기

JavaScript/Vanilla JS41

[바닐라JS로 크롬 앱 만들기] If, else, and, or [출처-유튜브 노마드 코더 Nomad Coders] https://youtu.be/NUh9afZ5xUs if(10 > 5){ console.log('hi') } else { console.log("ho") } if(10 === 5){ console.log('hi') } else { console.log("ho") } if ("10" === 10){ console.log('hi'); } else if ("10" === "10"){ console.log("lalala"); } else { console.log("ho"); } if (20 > 5 && "nicolas" === "nicolas"){ // 둘 다 참이어야 함 console.log("yes"); } else { console.log("no"); }.. 2021. 2. 26.

[바닐라JS로 크롬 앱 만들기] Events and event handlers [출처-유튜브 노마드 코더 Nomad Coders] https://youtu.be/LnuLDGO5848 -자바스크립트는 HTML과 CSS를 바꾸는 기능을 하지만 이벤트에 반응하기 위해 만들어졌다 -이벤트란 웹사이트에서 발생하는 것들을 말한다. click,resize,submit,input, change, load, before, closing, printing 등등 -window는 조금 다른 이벤트를 가지고 있다 -함수 뒤에 ()를 쓰면 지금 바로 호출하라는 뜻 ()를 쓰지않으면 함수를 바로 즉시 호출하지않음. 매우매우 중요!! const title = document.querySelector("#title"); function handleResize() { console.log("I have been .. 2021. 2. 26.

[바닐라JS로 크롬 앱 만들기] Modifying the DOM with JS [출처-유튜브 노마드 코더 Nomad Coders] https://youtu.be/JscDdICRvgo const title = document.getElementById("title"); title.innerHTML = "Hi! From JS"; console.dir(title); const title = document.getElementById("title"); title.innerHTML = "Hi! From JS"; title.style.color = "red"; console.dir(title); const title = document.getElementById("title"); title.innerHTML = "Hi! From JS"; title.style.color = "red"; con.. 2021. 2. 26.

[바닐라JS로 크롬 앱 만들기] JS DOM Functions [출처-유튜브 노마드 코더 Nomad Coders] https://youtu.be/VBmQUMUGznU -HTML이 자바스크립트와 함께 쓰이려면 어떻게 해야 동작하는지 배울 것 -자바스크립트는 HTML에 있는 모든 요소를 가지고 와서 그것들을 객체로 만들 것이다 const title = document.getElementById("title"); console.log(title); const title = document.getElementById("title"); console.log(title); console.error("Fuck"); 그리고 우리가 찾게될 모든 객체들의 함수는 DOM(Document Object Model)형태로 변경 가능하다 const title = document.getElem.. 2021. 2. 26.

[바닐라JS로 크롬 앱 만들기] Your first JS Function [출처-유튜브 노마드 코더 Nomad Coders] https://youtu.be/Q0S6l_gkpeU -내장 함수 -함수(function)는 어떤 것의 기능이다 const nicoInfo = { name:"Nico", age:33, gender:"Male", isHandsome:true } console.log(nicoInfo, console) *함수 만들기 function sayHello(){ console.log('Hello!'); } sayHello(); function sayHello(potato){ console.log('Hello!', potato); } sayHello("Nicolas"); console.log("Hi!"); function sayHello(potato, age){ cons.. 2021. 2. 26.

[바닐라JS로 크롬 앱 만들기] Organizing Data with Objects [출처-유튜브 노마드 코더 Nomad Coders] https://youtu.be/PRA_bhUxuh4 -Object와 Array의 다른 점은 Object에는 각 value에 이름을 줄 수 있다는 것이다 -Object는 실제 객체를 만드는 것 -콤마(,)를 빼먹지 말 것!! const nicoInfo = { name:"Nico", age:33, gender:"Male", isHandsome:true } console.log(nicoInfo.gender); const nicoInfo = { name:"Nico", age:33, gender:"Male", isHandsome:true, favMovies: ["Along the gods", "LOTR", "Oldboy"], favFood: [ { name:"K.. 2021. 2. 26.

이전 1 2 3 4 5 6 7 다음

티스토리툴바