훈잇 블로그

자바스크립트의 Date() 객체는 시간의 한 점을 플랫폼에 종속되지 않는 형태로 나타낸다. Date() 객체는 1970년 1월 1일 UTC(협정 세계시) 자정과의 시간 차이를 밀리초로 나타내는 정수 값을 담고 있다. 아래는 Date()를 활용할때 가장 많이 사용하는 방법을 정리해 보았다. 생성자 Date() 객체는 클래스 이기 때문에 생성자 호출을 통해 객체를 생성한다. 이때 생성자에 어떠한 인자를 넣느냐에 따라 객체를 통해 얻어 낼 수 있는 시간 데이터가 달라진다. new Date(); new Date(value); new Date(dateString); new Date(year, monthIndex); new Date(year, monthIndex, day); new Date(year, monthIn..

기준 관리 화면에 아래와 같이 시작시간과 종료시간을 추가해 달라는 요청을 받았다. 단순히 위 그림과 같이 '시작시간'과 '종료시간'을 입력(선택) 받아 저장하면 좋겠지만 입력받은 값이 제대로 되어 있는지 체크까지 해줘야 하는게 우리의 일이다. 오늘은 그 과정을 풀이해보려고 한다. 특정 날짜를 지정 위 그림을 보면 알겠지만 특정 날짜를 입력 받는 것은 아니고, 단순히 '당일'/'익일'만 선택 할 수 있도록 되어 있다. 시간과 날짜를 계산하기 위해서는 임의라도 날짜가 필요하다. 따라서 날짜는 아래와 같이 고정 하였다. 당일 : 1970.01.01 익일 : 1970.01.02 이미 눈치챈 사람도 있을 것이다. 1970년 01월 01일은 timestamp의 시작 날짜이다. 이제 위에 식을 코드로 짜보자 let ..

function calcDistance(locLat, locLng, myLat, myLng){ const earth_r = 6371; //지구 반지름(km) const dLat = deg2Rad(myLat - locLat); const dLng = def2Rad(myLng - locLng); const a = Math.sin(dLat/2) * Math.sin(dLat/2) + Math.cos(deg2Rad(LocLat)) * Math.cos(deg2Rad(myLat)) * Math.sin(dLng/2) * Math.sin(dLng/2); const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1-a)); const distance = earth_r * c; return d..

서버나 다른 화면으로 부터 '20231121' 과 같은 8자리 문자열을 리턴 받았다. 이 데이터를 화면에 그대로 보여주기 보다는 '년.월.일' 혹은 '년/월/일' 하는 형식으로 포멧을 적용해 보여주는 것이 사용자 경험에 중요한 역활을 할 것이다. 이런 데이터가 수시로 넘어 올 것이기 때문에 아래와 같이 함수를 만들었다. function formatByYmd(ymd){ return ymd.replace(/(\d{4})(\d{2})(\d{2})/, '$1.$2.$'); } 이제 서버에서 '20231121' 과 같은 데이터가 넘어오면 이 함수를 통해 '2023.11.21'로 바뀌게 될 것이다. 만약 구분자를 '/' 나 '-' 같은 형식으로 변경하고 싶다면 replace의 두 번째 인자인 '$1.$2.$3'을 ..

SelectBox 의 change 이벤트 관련 내용을 정리해 본다. 1. change 이벤트 만들기 $("#SelectBoxID").change( function() {//TODO}); 2. bind 를 이용해 change 이벤트를 붙이기 $("#SelectBoxID").bind( "change", function() {//TODO}); 3. on을 이용해 change 이벤트 만들기 $("#SelectBoxID").on( "change", function() {//TODO});

SelectBox에서 어떤 값을 선택했을때선택한 값이나 내용을 알아 내는 방법은 간단하다. 그런데 해당 옵션들의 index 값을 알아 내는 방법은 생각보다 간단하지 않아서알아낸 방법 2가지를 정리해 본다. 방법1. Javascript를 이용한 방법 var x = document.getElementById("SelectBoxId").selectedIndex;var y = document.getElementById("SelectBoxid").options;var idx = y[x].index;console.log("선택한 index : " + idx); 방법2. JQuery 를 이용한 방법 var idx = $("#SelectBoxId option").index( $("#SelectBoxId option:s..