JavaScript30 Storage 특정 도메인을 위한 세션 스토리지 또는 로컬 스토리지에 접근, 조작하기 위한 API 세션 스토리지의 경우 Window.sessionStorage 메서드, 로컬 스토리지의 경우 Window.localStorage를 사용 Storage 오브젝트에 데이터를 추가, 변경, 삭제, 접근 하기 때문에 오브젝트에 대한 메서드들을 사용할 수 있다. localStorage.length //storage의 개수 반환 localStorage.key(0) //0번 인덱스의 key값 반환 localStorage.getItem('country') //'country' key의 value를 반환 localStorage.setItem('country', 'korea') //key로 'country', value로 'korea' 설정.. 2020. 2. 1. Date() Date 객체를 이용할 때 사용한다. 원하는 날짜를 Date객체로 이용할 수도 있고, 현재 시각을 가져올 수도 있다. 아래는 지정 시간 D-DAY 계산 코드. function getTime() { // Don't delete this. const xmasDay = new Date("2020-12-25:00:00:00+0900"); const today = new Date(); const day = Math.floor((xmasDay - today) / (1000*60*60*24)); const hours = Math.floor(((xmasDay - today) % (1000*60*60*24)) / (1000*60*60)); const minuites = Math.floor(((xmasDay - today.. 2020. 2. 1. setInterval() 일정 시간 간격으로 재수행이 필요할 경우 사용한다. 밀리 세컨드 단위. function init() { getTime(); setInterval(getTime, 1000); } 2020. 2. 1. Element.classLIst() 엘리먼트의 class목록을 list형태로 가져와서 활용할 수 있도록 하는 메서드. 이것을 이용하면 원하는 엘리먼트에서 class 추가, 제거, 교체 등이 용이하다. 특히, toggle메서드는 굉장히 유용. const body = document.querySelector('body'); function handleSize(){ if(window.innerWidth > 1000){ body.classList.add('big'); }else if(window.innerWidth < 600){ body.classList.add('small'); }else{ body.classList.remove('big', 'small'); } } // function handleSize(){ // body.classList... 2020. 1. 30. 이전 1 ··· 3 4 5 6 7 8 다음