오물오물 개발일기

* classList 단순히 classname으로 바꾸면 단일 동작 밖에 못하기때문에 classlist를 사용 const title = document.querySelector("#title"); const CLICKED_CLASS = "clicked"; function handleclick() { const hasclass = title.classList.contains(CLICKED_CLASS); // contains value 값이 존재하는지 확인함. if (hasclass) { // contains 안의 CLCKED_CLASS (clicked) 가 title 클래스에 있는지 확인하고 title.classList.remove(CLICKED_CLASS); // 있으면 제거하고 } else { titl..

* if if ("10" === 10) { // == 는 값만 비교하고 ===는 형식까지 비교한다. console.log("hi"); } else if ("10" === "10") { console.log("ha"); } else { console.log("alalalal"); } if (20 > 5 && "nicolas" == "nicolas") { // || 은 or이고 &&는 and console.log("haha"); } else { console.log("lala"); } * if + click const title = document.querySelector("#title"); const BASE_COLOR = "rgb(250, 128, 114)"; const OTHER_COLOR = "#FF..

* Function (함수) 기능적인 요소를 부여해준것 function sayHello() { //sayHello 라는 함수 선언 console.log("hello!"); } sayHello(); //함수 호출 // hello! // sayHello([args]); function sayHello(potato) { console.log("hello!", potato); } sayHello("haha"); // hello! haha // sayHello([args1, args2]); function sayHello(potato, caca) { console.log("hello!", potato, "you", caca); } sayHello("haha", 25); * more function sayhello..

* Array 데이터를 저장해두는 리스트와 같은것 // Array const monday = "Mon"; const tue = "Tue"; const wed = "Wed"; const thu = "Thu"; const fri = "Fri"; console.log(monday, tue, wed, thu, fri); // 비효율적 const daysOfWeek = ["Mon", "Thu", "Wed", "Thu", "Fri", "Sat", "Sum"]; // camelcase : 변수명을 정할때 띄어쓰기가 필요한 부분은 대문자로 console.log(daysOfWeek); console.log(daysOfWeek[2]); // 0부터 시작이기때문에 2를 입력하면 3번째에 있는 Wed가 나온다. const m..

1. 시작 HI! 2. 선언하기 let a = 221; // 변수 선언 let b = a - 5; a = 4 console.log(b, a); // JS는 위에서 아래로 진행 하기때문에 216, 4 const a = 221; // 상수 선언 let b = a - 5; a = 4 //a는 상수의 값이라 불가능하다 console.log(b, a); // error