JavaScript에서 Date 객체를 직접 다루었던 내용을 정리하고자 한다. 1. JavaScript에서 Date 객체란?JavaScript에서 시간과 날짜를 다룰 때 가장 기본이 되는 것이 바로 Date 객체이다.Date 객체는 UTC기준으로 시간을 관리하지만, PC 혹은 브라우저에 설정된 로컬 시간대에 맞춰 시간을 보여준다.UTC : 협정 세계시로, 모든 시간대의 기준이 되는 시간. 로컬 시간 : 사용자의 시간대(타임존)에 맞게 변환된 시간. 2. UTC와 로컬 시간의 차이JavaScript에서 시간을 다룰 때 UTC와 로컬 시간의 차이를 이해해야 한다.각 지역별로 UTC를 기준으로 시간 오프셋을 가지고 있으며, 이를 통해 로컬 시간을 계산한다.예시로 한국은 UTC+9시간 오프셋을 가진다.const..
[TypeScript] 속성이 'Window & typeof globalThis' 형식에 없습니다. ts(2551)
Web Audio API 사용하기 Boombox 예제를 보고 typescript로 입맛에 맛게 고치는 중에 window.webkitAudioContext에서 빨간 줄이 강렬하게 생겼다. webkitAudioContext가 window에 없는 것 같다. 일단 webkitAudioContext 없애기 애매해서 해결 방법을 찾아봤다. 1. type을 any로 강제(?)하는 타입 표명 방법을 쓰는 것 2. webaudioapi 패키지 사용 참고로 나는 2 시도 안 했다. 1로 해보고 잘 안 되면 2로 해보면 될듯하다.
[OpenStreetMap 활용하여 지도 사이트 만들기] OpenLayers(ol/style) 사용하여 도로 그리기
도로 그리기? polygon이랑 line 받아오니까 쉬울줄 알았음. 과소평가한 대가로 2주라는 시간이 걸림. 생각보다 매우 쉽지만 은근 노가다가 필요함. 지난번 서버 붙인 것에 이어서 함. 1. 지도 넣어줄 div 추가 id는 대부분 map을 사용하니 나도 따라서 id가 map인 div를 넣어줌. 귀찮아서 코드로 추가함. let mapElement = null; if(document.getElementById('map')){ mapElement = document.getElementById('map') } else { mapElement = document.createElement("div"); mapElement.id = "map"; mapElement.style.width = '100%'; mapEl..