알루 코딩

setInterval() 함수는 인자값을 2개 받는데, 첫번째 인자로는 실행할 함수를 받고, 두번째 인자로는 그 함수를 실행하고 싶은 시간(실행할 시간 간격)을 받는다. 이 때, 시간의 단위는 ms 로, 예를 들어 3초를 주고 싶다하면 3000을 값으로 집어 넣어야 한다. 예를 한번 살펴보자. const clockContainer = document.querySelector(".js-clock"), clockTitle = document.querySelector('h1'); function getTime(){ const date = new Date(); // Date는 클래스이다. date 객체 생성 const hours = date.getHours(); const minutes = date.getMin..

HTML이 Javascript와 함께 웹페이지에 무언가를 쓰려고 하려면, 어떻게 해야 할까? CSS에서 HTML에 접근할 수 있는 것과 같이 Javascript에서도 HTML에 접근할 수 있다. 예를 들어, CSS에서는 HTML에서의 id 값에 접근하려고 할 때, # 기호를 통해 접근한다. // html에서 아래와 같이 적혀져 있다면, ... This is title ... // css에서는 이런식으로 접근한다. #title{color : red ;} Javascript에서는 DOM 함수를 통해 접근할 수 있다. console.log 에서처럼 console은 객체이고 log는 함수이다. 마찬가지로 'document'도 객체인데, 이게 무엇인지 구글 홈페이지에서 log를 찍어보면, console.log(d..

Javascript에서 함수를 작성한다고 가정해보자. function sayHello(name,age){ console.log("Hello! ", name ,"I am ",age,"years old."); // ,(콤마)로 이어준다. } sayHello("KJY",26); 함수에 인자를 주고 그러한 parameter(매개변수)를 더하는 방식은 보통 ,(콤마) 혹은 +(더하기) 연산을 이용해서 사용하곤 하는데, function sayHello(name,age){ console.log("Hello! ", name ,"I am ",age,"years old."); // +(더하기 연산)으로 이어준다. } sayHello("KJY",26); 자바스크립트에는 이러한 스트링 처리를 조금 더 섹시하게 할 수 있는 기..