코드로 대화하기

function getDistanceFromLatLonInKm(lat1,lng1,lat2,lng2) { function deg2rad(deg) { return deg * (Math.PI/180) } var R = 6371; var dLat = deg2rad(lat2-lat1); var dLon = deg2rad(lng2-lng1); var a = Math.sin(dLat/2) * Math.sin(dLat/2) + Math.cos(deg2rad(lat1)) * Math.cos(deg2rad(lat2)) * Math.sin(dLon/2) * Math.sin(dLon/2); var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1-a)); var d = R * c; return ..

오늘은 padStart와 padEnd에 대해 알아보겠습니다. 날짜를 계산할 때 앞에 0을 붙여야 하거나, 일부 암호화를 해야할 때가 있습니다. 조건문이나 반복문으로 해결할 수도 있지만 오늘은 그 작업을 편리하게 해보겠습니다. String.prototype.padStart() MDN에 예제가 잘나와있어서 가져왔습니다. // 앞에 0 넣기 const str1 = '5'; console.log(str1.padStart(2, '0')); // -> "05" console.log(str1.padStart(2)); // -> " 5" // 앞에 * 넣기 const fullNumber = '2034399002125581'; const last4Digits = fullNumber.slice(-4); console.lo..

예시 코드 https://github.com/hellojaehyeok/kakao-share GitHub - hellojaehyeok/kakao-share: 카카오톡 공유하기 기능입니다 카카오톡 공유하기 기능입니다. Contribute to hellojaehyeok/kakao-share development by creating an account on GitHub. github.com 사용법 1. https://developers.kakao.com/ 에 접속하고 내 어플리케이션을 클릭합니다 2. 플랫폼 -> Web에서 공유할 URL을 넣습니다. 예를 들어로컬 환경에서 네이버 링크를 공유하고 싶을 경우 네이버 링크를 넣어야 합니다. 3. html에 아래 코드를 넣습니다. 4. 예시코드를 참고하여 코드를 ..

위 사진과 같이 공식 문서에서도 replaceAll이 실행이 안될 때가 있습니다. 크롬 버전이 낮아서 생기는 오류로 업데이트해 주시면 됩니다. 참고 : https://stackoverflow.com/questions/62825358/javascript-replaceall-is-not-a-function-type-error

html 1 2 3 4 5 javascript const onChangeSelect = (_selectBox) => { const selectBox = document.querySelector("#selectBox"); // selectBox 혹은 _selectBox로 셀렉트박스에 접근합니다. const currentOption = selectBox.options[selectBox.selectedIndex]; console.log(currentOption); }

// 셀렉트박스 접근 const selectBox = document.querySelector(".selectBox"); // 선택된 옵션 접근 const selectOption = selectBox.options[selectBox.selectedIndex];

안녕하세요! 저번 글에서는 Dom Node와 Element 기초에 대해 알아보았는데요 이번에는 활용하는 방법을 알아보겠습니다. * createElement() 원하는 태그를 생성합니다. var child = document.createElement('div'); * appendChild() 자식 노드 리스트 중 마지막 자식으로 삽입시켜줍니다. var parent = document.querySelector(".parent"); var child = document.createElement('div'); parent.appendChild( child ); * remove() 엘리먼트를 삭제합니다. var parent = document.querySelector(".parent"); parent.remove..

object에서 개수 제한을 하고 싶을 때 사용합니다. 방법 1. 1. key값 배열을 반복문을 돌며 새로운 객체에 넣어줍니다. let test = {a:0, b:1, c:2, d:3, e:4, f:5}; function sliceObj(obj, sliceCount){ let newObj = {}; for(let i=0 ; i sliceCount-1){break}; let key = Object.keys(obj)[i]; newObj[key] = obj[key] } return newObj } console.log(sliceObj(test, 2)) 방법 2. 1, key값을 배열에 넣습니다. 2. 만약 제한된 수 보다 많다면 spli..

delete뒤에 object의 key값을 넣으면 지워집니다. let test = {a:0, b:1, c:2} delete test.a; console.log(test); MDN사이트입니다. delete 연산자 - JavaScript | MDN delete 연산자는 객체의 속성을 제거합니다. 제거한 객체의 참조를 어디에서도 사용하지 않는다면 나중에 자원을 회수합니다. developer.mozilla.org

slice([begin[, end]]) begin부터 end까지 자른다. * end는 포함되지 않는다. * end가 없을 경우 begin부터 끝까지 자른다. let array = [0, 1, 2, 3, 4, 5]; array = array.slice(2); // 2부터 끝까지 console.log(array); // [2, 3, 4, 5]; let array2 = [0, 1, 2, 3, 4, 5]; array2 = array2.slice(2, 5); // 2부터 5까지 console.log(array2); // [2, 3, 4] splice(start[, deleteCount[, item1[, item2[, ...]]]]) start부터 deleteCount만큼 자른다. * deleteCount가 없을 ..