전체 글

input에서 소수점 자리 수를 맞춰주기 위해 정규표현식을 활용했다.이때, 입력으로 넣은 소수점 자리 수에 따라 정규표현식을 바꾸고 싶어서 동적으로 정규표현식을 사용하는 방법을 찾아봤다.  일반적으로 정규표현식을 생성하는 방법은 두가지이다.  1. 정규 표현식 리터럴const regexp = /is/i; 2. RegExp 생성자 함수 // new RegExp(pattern[, flag])const regexp = new RegExp(/is/i); // ES6  동적으로 변수를 넣어주기 위해서는 "백틱으로 감싸준다" 라는 방법이 생각날 것이다.그러나 정규 표현식 리터럴에서는 단순히 백틱으로 감싸서 사용하면 문자열로 취급되기 때문에 정규표현식으로 사용이 불가능하다. // ❌const regExp = `^..

kakaomap API는 타입 지원을 하지 않기 때문에 타입스크립트 환경에서 해당 라이브러리를 사용하려면 글로벌 타입 선언이 필요하다.  env.d.tsinterface Window { kakao: any} 여기까지 했을 때 new window.kakao.maps로 시작하는 메서드는 문제 없이 사용할 수 있지만, kakao Map 객체에 대한 타입 정의는 불가능하다. 그래서 필요한 타입 선언을 직접 추가해주는 방법을 사용했다.  src/types/kakao.d.tsdeclare namespace kakao.maps { class Map { constructor(container: HTMLElement, options: MapOptions) getCenter(): LatLng setCe..

사~실 이건 자바스크립트인데요, 카카오맵 하면서 진행했던 거라서 뭔가 같이 있으면 좋겠다 싶음..... const center = ref({ lat: 37.5291904, lng: 126.9202944 })/** * 현재 위치 좌표 요청 */const setCurrentLocation = () => { if ('geolocation' in navigator) { navigator.geolocation.getCurrentPosition((position) => { const { latitude, longitude } = position.coords center.value = { lat: latitude, lng: longitude } }) }}   Navigator: geo..