코딩하는 마멋

- 콘솔에 new Date() 입력 시 호출 당시 현재 날짜, 시간 확인 가능 - 매 초마다 date안에 있는 함수들을 호출해서 시계 만들기 가능 예시(크롬 콘솔 사용) ⟩ const date = new Date(); ⟩ date.getDate() < 16 ⟩ date.getDay() < 0 (일요일은 0) ⟩ date.getFullYear() < 2023 ⟩ date.getHours() < 12 ⟩ date.getMinutes() < 18 ⟩ date.getSeconds() < 35

Intervals - 매번 일어나야 하는 무언가를 지정 - 예시 : 매 3초마다 무슨 일이 일어나게 하고 싶을 때 사용 명령어 : setInterval setInterval(function_name, ms) 첫번째 인자 : 호출하고자 하는 함수 이름 두번째 인자 : 호출 간격, ms(milliseconds)로 표기 사용 예시 function sayHello() { console.log("hello"); } setInterval(sayHello, 5000); 결과 : 콘솔에 5초마다 hello 출력 Timeout - 함수를 일정 시간이 흐른 뒤 한 번만 호출 - 명령어 : setTimeout setTimeout(function_name, ms) 사용 예시 function sayHello() { consol..

local storage - 브라우저에 뭔가를 저장할 수 있게 해주고 나중에 가져다 쓸 수 있음 - "localStorage"로 사용 setItem - local storage 정보 저장 localStorage.setItem("username", "marmot") 결과 : Key : username Value : marmot 크롬 기준 : 검사 ➝ Application localStorage에서 확인 getItem - local storage에 저장한 값 가져옴 localStorage.getItem("username") // 'marmot' removeItem - local storage에 저장한 값 삭제 localStorage.removeItem("username")

HTML Log in 결과 자바스크립트에서 HTML 불러오는 방법 const loginForm = document.getElementById("login-form"); id가 "login-form"인 요소를 가져옴으로 자바스크립트 문서내에서 더 편하게 사용 가능 id에 속해있는 요소를 불러오는 방법 const loginInput = loginForm.querySelector("input"); const loginButton = loginForm.querySelector("button"); /* 위 아래 같은 기능 */ const loginInput = document.querySelector("#login-form input"); const loginButton = document.querySelecto..