손에서 손으로

사이트 유지보수 작업중 현재시간을 계속해서 갱신해서 저장을 해야되는 작업이 필요하여 어떤 방식으로 처리를 하는게 좋을까 생각하던중에 쿠키나 세션 방식의 저장이 아닌 localStorage를 사용하는 방법을 선택해 보았습니다. 오래전에 사용해보고 오랜만에 사용할려니 기억이 안나서 google 검색 후 작업 진행했습니다. 먼저 localStorage는 브라우저에 key 와 value 값을 저장할 수 있습니다. 저장된 데이터는 브라우저세션간에 공유가 되지만 페이지 프로토콜별로는 구분이 된다고 합니다. localStorage를 사용하기 위해서는 몇가지 명령만 알면 사용이 가능합니다. 추가 : setItem() 읽기 : getItem() 제거 : removeItem() 전체삭제 : clear() 간단하게 사용하는..

자바스크립트에서 일반 숫자를 3자리마다 콤마(,)를 입력해줘야 되는 경우가 있습니다. 보통 금액적인 부분을 표기하고자 할때 자주 사용하거나 숫자의 길이가 너무 길어 보기 편하게 하고자 할때 사용을 합니다. 먼저 25763000 라는 숫자를 예시로 사용하였습니다. 이때 이 숫자가 보기에는 숫자지만 프로그램상에서는 문자형인지, 숫자형인지 확실하지 않기 때문에 Number()를 이용해서 형변환을 한번 해주었습니다. // 금액값 입력 var money = 25763000; // tlLocaleString() 함수를 이용한 콤마(,) 입력 // 금액이 문자형일수도 있어서 Number()를 이용해 숫자형으로 변환 var money_txt = Number(money).toLocaleString(); console.l..

javascript 에서 타임스탬프를 날짜로 변환해야 되는 경우가 종종 있는데 자꾸 잊어버려서 이렇게 포스팅으로 남겨둡니다. 아래는 제가 사용하는 무식한 방식을 표현해두었습니다. var timestamp = 1606127038; var mydate = new Date(timestamp * 1000); var Y = mydate.getFullYear(); var m = "0" + (mydate.getMonth()+1); var d = "0" + mydate.getDate(); var H = "0" + mydate.getHours(); var i = "0" + mydate.getMinutes(); var s = "0" + mydate.getSeconds(); var YmdHis = Y+"-"+m.substr..

브라우저의 본문 크기는 다음과 같이 구할 수 있습니다. window.document.body.offsetWidth window.document.body.offsetHeight window.document.body.clientWidth window.document.body.clientHeight clientWidth, clientHeight 는 offsetWidth, offsetHeight 와 달리 padding 사이즈를 포함하지만 margin, border, scroll bar 의 크기는 포함하지 않은 사이즈입니다. ※참고 window.screen.width window.screen.height window.screen.availWidth window.screen.availHeight screen 객체로..