개발냥발

JavaScript에서 Date 객체를 직접 다루었던 내용을 정리하고자 한다. 1. JavaScript에서 Date 객체란?JavaScript에서 시간과 날짜를 다룰 때 가장 기본이 되는 것이 바로 Date 객체이다.Date 객체는 UTC기준으로 시간을 관리하지만, PC 혹은 브라우저에 설정된 로컬 시간대에 맞춰 시간을 보여준다.UTC : 협정 세계시로, 모든 시간대의 기준이 되는 시간. 로컬 시간 : 사용자의 시간대(타임존)에 맞게 변환된 시간. 2. UTC와 로컬 시간의 차이JavaScript에서 시간을 다룰 때 UTC와 로컬 시간의 차이를 이해해야 한다.각 지역별로 UTC를 기준으로 시간 오프셋을 가지고 있으며, 이를 통해 로컬 시간을 계산한다.예시로 한국은 UTC+9시간 오프셋을 가진다.const..

Web Audio API 사용하기 Boombox 예제를 보고 typescript로 입맛에 맛게 고치는 중에 window.webkitAudioContext에서 빨간 줄이 강렬하게 생겼다. webkitAudioContext가 window에 없는 것 같다. 일단 webkitAudioContext 없애기 애매해서 해결 방법을 찾아봤다. 1. type을 any로 강제(?)하는 타입 표명 방법을 쓰는 것 2. webaudioapi 패키지 사용 참고로 나는 2 시도 안 했다. 1로 해보고 잘 안 되면 2로 해보면 될듯하다.

캔버스에 영역을 선택해야 한다. 문제는 좌표값을 받아서 테두리 따라 모양을 만들어야 하는데 위치 및 개수가 랜덤이다. 좌표 개수는 최소 4, 최대 6이라는 제한을 두게 된다. 이것 때문에 약 3일을 고민했다. 처음에는 선분끼리 겹치면 지우는 방법(ccw)을 택했는데 4각형은 괜찮았으나 5각형부터 문제였다. 그래서 다음에 선택한 것이 좌표간의 거리를 계산해 짧은 것만 남기는 방법을 택했는데 이것도 실패였다. 한참 고민하다 집단 지성의 힘을 빌리고자 카톡방에서 좌표 관련해서 잘 아는 사람을 찾았다. 중앙위치를 잡고 삼각형을 그려서 .... 어쩌구저쩌구 ... 생각해보니 메모리가 터질 것 같단 생각이 들었다. 대략 1시간 정도 졸다가 다시 생각해보니 '중앙 위치를 중심으로 시계방향으로 좌표를 정렬하면 되지 않..