본문 바로가기

Developer/JavaScript20

How to check jQuery version - jQuery 버전 확인 방법 How to check jQuery version - jQuery 버전 확인 방법 jQuery version 확인 방법을 알려드리도록 하겠습니다. jQuery().jquery $().jquery 방법은 여러가지가 있겠지만 모두 같은 버전을 확인하는 방법이라 위 두가지 방법만을 알고계시면 됩니다. 위 두가지 방법은 모두 같은 버전값을 알려줍니다. ※ jQuery를 사용할 때 $()를 많이들 사용하실 텐데요. 다들 아시겠지만 jQuery()는 $()을 사용할 수 있게된 버전 이전에 jQuery를 사용하던 방식이니, 최신 버전을 사용하고있지 않으신 분들은 $()가 사용되지 않을 수 있는 점 참고하시면 되겠습니다. 도움이 되셨다면 공감, 댓글 부탁드립니다! 궁금하신 점이나 요청사항은 언제든지 말씀해주세요! 피드.. 2021. 2. 23.
JavaScript MutationObserver 사용 방법 - HTML Dom 변경 감지 방법 JavaScript MutationObserver 사용 방법 - HTML Dom 변경 감지 방법 JavaScript에서 HTML 요소의 변경을 감지할 수 있는 MutationObserver라는 기능을 알려드리도록 하겠습니다. 웹 개발에서 HTML 요소를 감지하여 처리해줘야 할 때가 있습니다. 그럴때 굉장히 유용하게 사용할 수 있는 기능입니다. 또한 Google Optimize를 사용할 때도 굉장히 유용하게 사용할 수 있는 기능이니 마케터 분들께서도 알고 계시면 좋은 기능입니다. 먼저 MutationObserver 를 사용하는 기본 코드부터 보여드리도록 하겠습니다. // 감지할 타겟 var target = document.getElementById('target'); // 변경을 감지했을 때 실행할 부분 .. 2021. 1. 22.
JavaScript URL Parameter parsing (파라미터 가져오기) JavaScript URL Parameter parsing (파라미터 가져오기) JavaScript 에서는 URL Parameter를 파싱해주는 기본적으로 제공하는 함수가 없어서 직접 만들어서 사용해야 합니다. 자주 쓰이는 것 같아 정리하고자 합니다. function getURLParams(url) { var result = {}; url.replace(/[?&]{1}([^=&#]+)=([^&#]*)/g, function(s, k, v) { result[k] = decodeURIComponent(v); }); return result; } 많은 방법이 있겠지만 저는 정규식을 사용한 방법을 사용하고 있습니다. 간단하게 설명을 해드리자면, 인자값으로 받은 url 변수의 문자열에서, '?'혹은 .. 2020. 10. 4.
JavaScript 날짜와 날짜 사이 모든 날짜 구하기 JavaScript 날짜와 날짜 사이 모든 날짜 구하기 어느 날짜와 또 다른 어느 날짜 사이에 있는 모든 날짜들을 구하는 방법을 알려드리도록 하겠습니다. yyyy-mm-dd 형식의 문자열로 시작날짜와 마지막 날짜를 받아, 시작 날짜와 마지막 날짜 사이의 모든 날짜를 yyyy-mm-dd 형식의 문자로 배열에 담아 반환하는 함수 function getDatesStartToLast(startDate, lastDate) { var regex = RegExp(/^\d{4}-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01])$/); if(!(regex.test(startDate) && regex.test(lastDate))) return "Not Date Format"; var result =.. 2020. 9. 30.
JavaScript 날짜 계산 방법(어제, 한달 전, 일년 전, 내일, 한달 후, 일년 후 구하기, 날짜 더하기, 날짜 빼기) JavaScript 날짜 계산 방법(어제, 한달 전, 일년 전, 내일, 한달 후, 일년 후 구하기, 날짜 더하기, 날짜 빼기) JavaScript에서 날짜를 계산하는 방법을 알려드리도록 하겠습니다. 몇일 전, 몇일 후 날짜 계산하는 방법 var now = new Date();// 현재 날짜 및 시간 console.log("현재 : ", now); var yesterday = new Date(now.setDate(now.getDate() - 1));// 어제 console.log("어제 : ", yesterday); var now = new Date();// 현재 날짜 및 시간 console.log("현재 : ", now); var tomorrow = new Date(now.setDate(now.getDa.. 2020. 9. 24.
JavaScript 현재 날짜, 시간 가져오기 (년, 월, 일, 시, 분, 초 구하기) JavaScript 현재 날짜, 시간 가져오기 (년, 월, 일, 시, 분, 초 구하기) JavaScript에서 현재 날짜, 시간을 가져오는 방법을 알려드리도록 하겠습니다. 현재 날짜, 시간 구하기 var now = new Date();// 현재 날짜 및 시간 console.log("현재 : ", now); new Date()로 현재 날짜와 시간을 담은 Date 객체를 구할 수 있습니다. new Date("2020-10-23")과 같이 사용해서 원하는 날짜의 Date 객체를 얻을 수도 있습니다. 연도 구하기 var now = new Date();// 현재 날짜 및 시간 var year = now.getFullYear();// 연도 console.log("연도 : ", year); Date 객체의 getFu.. 2020. 9. 24.
JavaScript 정규식으로 숫자만 추출하기 JavaScript 정규식으로 숫자만 추출하기 Javascript에서 문자열에서 숫자만 추출하고 싶을 때 replace와 정규식을 사용해서 숫자만 추출하는 방법을 알려드리도록 하겠습니다. 숫자만 추출하고 싶다면 간단하게 생각해서 숫자가 아닌 모든 문자를 삭제해 주면 됩니다. JavaScript에서 제공하는 함수인 replace를 사용해 정규식으로 숫자가 아닌 것을 모두 선택하고 선택한 숫자가 아닌 모든 문자를 지워주면 되는 것 입니다. 숫자가 아닌 문자를 모두 선택하는 정규식을 먼저 알려 드리자면은 /[^0-9]/g 입니다. 그럼 Javascript를 사용한 예시를 보여 드리도록 하겠습니다. 코드 var testString = "안녕? Hi! 123456789.0";// 원래 문자열 var regex =.. 2020. 7. 11.
JavaScript replace, replaceAll (문자열 전체 변경) 정말 간단 JavaScript replace, replaceAll (문자열 전체 변경) JavaScript에서는 replaceAll 이라는 함수가 존재하지 않습니다. 하지만 많은 분들이 replaceAll 즉 하나가 아닌 여러개의 문자열을 변경하는 방법을 찾으실 겁니다. JavaScript에서 문자열을 변경할 때 사용하는 함수인 replace와 그 replace 함수를 replaceAll과 같이 사용할 수 있는 방법에 대해 알려드리도록 하겠습니다. 다들 아시겠지만 JavaScript의 replace 함수 사용 방법은 {{문자열}}.replace({{변경할 문자열 패턴}}, {{새 문자열}}); 입니다. 하나만 바뀌는 원래 replace의 예시를 보여드리도록 하겠습니다. 코드 var testString = "안녕? .. 2020. 7. 10.