사~실 이건 자바스크립트인데요, 카카오맵 하면서 진행했던 거라서 뭔가 같이 있으면 좋겠다 싶음..... 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..
javascript
문자 키를 눌렀을 때만 발생하던 keypress 이벤트가 deprecated 됐기 때문에 keydown 이나 keyup 이벤트를 통해 문자 입력 이벤트를 감지해야 한다.이때 keydown과 keyup 사이에는 차이점이 조금 존재하기 때문에 쓰임새에 맞춰 적절한 이벤트를 선택하는 것이 필요하다. keydown키를 눌렀을 때 발생모든 키문자, 숫자, 특수 문자, enter 키를 눌렀을 때는 연속적으로 발생그 외의 키는 한 번만 발생 keyup누르고 있던 키를 놓았을 때 한 번만 발생모든 키 목적검색 입력 값만 따로 추출 이때 KeyboardEvent의 key 프로퍼티를 활용하고자 했다. KeyboardEvent: key property - Web APIs | MDNThe KeyboardEvent inter..
ES6에서는 상당히 많은 부분의 변화가 있었는데 그 중에서도 객체를 다루는 방법이 상당히 편리해졌다.알아두면 자바스크립트 코드를 짜는데 매우매우매우매우 유용하다. 1. 속성명 축약객체를 정의할 때 key에 할당하는 변수의 이름이 같으면 축약이 가능하다.var student = ['Lee', 'Kim', 'Cho'];var teacher = ['Yoo', 'Choi'];// ES5var school = { student: student, teacher: teacher,}// ES6+const school = { student, teacher,}※ ES6에서는 호이스팅 개선을 위해 let, const 선언자가 추가되었다. 2. 메서드명 축약메서드 선언 시 function 키워드를 생략 가능하다.// ..
