본문 바로가기

전체 글

(76)
[calendar]자바스크립트로 날짜를 구할 수 있을까? 어떻게 하면 자바스크립트에서 오늘 날짜를 구할 수 있을까? Date는 날짜와 시간(년도/월/일/시/분/초/밀리초)까지 다 구할 수 있는 객체이면서 생성자 함수다. Date 생성자 함수로 생성한 Date 객체는 내부적으로 날짜와 시간을 나타내는 정수값을 갖는다. 한마디로 Date 객체는 기본적으로 현재 날짜와 시간을 나타내는 정수값을 가진다. Date 생성자 함수로 객체를 생성하는 방법은 다음과 같이 4가지가 있다. new Date() - Date 생성자 함수를 인수 없이 new 연산자와 함께 호출하면 현재 날짜와 시간을 가지는 Date 객체를 반환한다. new Date(); //Thu Nov 09 2023 22:38:50 GMT+0900 (한국 표준시) Date(); /*Date 생성자 함수를 new 연..
LocalStorage 사용법 ● LocalStorage란, '사용자의 로컬에 존재하는 저장소'로서 특정 데이터를 저장할 수 있고 페이지를 변경하거나 브라우저를 닫더라도 값은 유지된다. 또한 초기화하거나 제거(remove)할 수도 있다. 단, 도메인이 다른 경우에는 로컬 스토리지 공유가 불가능하다. Local Stroage를 어떻게 사용할 수 있을까? ◎ 데이터 저장하기 만약 우리가 String type의 데이터인 key(키) : name, value(값): jennie를 담고자 한다면 세가지 방법을 사용할 수 있다. localStorage.name = "jennie"; //1 localStorage["name"] = "jennie"; //2 localStorage.setItem("name", "jennie"); //3 만약 배열을 ..
[TODO-LIST 만들기] text input 시, 화면에 띄우기 최근 JavaScript 강의를 듣고 새롭게 디자인해서 simple todo-list를 만들고 있는데 처음부터 막힐 뻔해서 당황했지만.. 다행스럽게도 생각이 나서 잠깐이나마 막혔던 부분을 적어놓으려 한다. ADD JAVASCRIPT 'use strict'; const container = document.getElementById('container'); const todoForm = document.getElementById('todo-form'); const todoInput = document.getElementById('todo-input'); const todoButton = document.getElementById('todo-button'); const todoUL = document.que..