오물오물 개발일기

* 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

1. Why Use? Web을 interractive로 만들고 싶을때 사용언어는 JavaScript (JS)뿐이다. Backend에서는 JAVA, Python, Ruby, ASP 등등 사용 언어가 많다. 때문에 Fragmentation이 없기 때문에 모두 같은 언어로 대화 할 수있다. 웹이 빠르게 발전함에따라 JS 또한 빠르게 발전한다. 2. 특징 내 위치, 날씨, Realtime 등등의 작업이 가능하다. Web뿐만아니라 interractive한 앱이나 간단한 게임을 만들때에도 사용된다. 참고 사이트 더보기 http://taotajima.jp/ TAO TAJIMA | Filmmaker A director and film maker with the Tokyo visual design studio Tangr..

1. 정의 SQL 명령문의 처리 속도를 향상 시키기 위해 칼럼에 대해 생성하는 객체 인덱스의 내부구조는 B*트리 형식으로 구성되어있다. 2. 사용 CREATE UNIQUE INDEX idx_dept_name ON DEPARTMENT(dname); --DEPARTMENT 의 dname에 유니크 인덱스를 부여한다. CREATE INDEX idx_stud_birthdate ON student(birthdate); CREATE INDEX idx_stud_dno_grade ON student (deptno, grade); CREATE INDEX uppercase_idx ON emp (UPPER(ename)); SELECT * FROM emp WHERE UPPER(ename) = 'KING'; SELECT dept..