- 자바스크립트로 복사하기 버튼 만들기 아래 코드는 버튼을 클릭하면 입력된 텍스트를 클립보드에 복사하는 예제이다. 이 코드를 사용하면 'textToCopy'라는 ID를 가진 요소 안에 있는 텍스트를 복사한다. 클립보드에 복사된 후에는 경고 창으로 "Text copied to clipboard"와 함께 복사된 텍스트가 표시된다. - index.html Copy Text - copyButton.js // 버튼 요소 가져오기 const copyButton = document.getElementById('copyButton'); // 버튼에 클릭 이벤트 리스너 추가 copyButton.addEventListener('click', function() { // 복사할 텍스트를 가져오기 const textToCop..

- JavaScript에서 URL 마지막 슬래시 제거하기 문자열이 슬래시('/')로 끝나는지 확인하고 만약 그렇다면 슬래시를 제거한 새로운 문자열을 반환, 그렇지 않은 경우에는 원래 문자열을 그대로 반환하는 함수를 만들어 볼 것이다. function removeTrailingSlash(str) { if (str.endsWith('/')) { return str.slice(0, -1); } return str; } - 사용 예시 var url = 'https://test.com/'; var trimmedUrl = removeTrailingSlash(url); console.log(trimmedUrl); // 'https://test.com'

- 자바스크립트에서 두 날짜 사이 비교하기 Date 객체의 getTime() 메서드를 사용하면 해당 시간을 밀리초 단위로 환산하게 된다. 이 메서드를 활용하면 두 날짜를 비교할 수 있다. 초 : 1000 분 : 1000 * 60 시 : 1000 * 60 * 60 일 : 1000 * 60 * 60 * 24 월 : 1000 * 60 * 60 * 24 * 30 년 : 1000 * 60 * 60 * 24 * 365 // 일 차이 구하기 const getDateDiff = (d1, d2) => { const date1 = new Date(d1); const date2 = new Date(d2); const diffDate = date1.getTime() - date2.getTime(); return Math.ab..

- 현재 페이지 URL과 파라미터 가져오기 1. 현재 페이지 URL 가져오기 // 현재 페이지의 URL 가져오기 window.location.href // https://yermi.tistory.com/?id=test&pw=1234 // 현재 페이지의 쿼리스트링만 가져오기 window.location.search // ?id=test&pw=1234 2. 현재 페이지 파라미터 변수에 담기 const url = new URL("https://yermi.tistory.com/?id=test&pw=1234"); // URLSearchParams 객체 사용 const urlParams = url.searchParams; // 각 파라미터 변수에 담기 let id = urlParams.get('id'); // te..

- 변수 let과 상수 const의 개념 1. 변수란? 변수 : 프로그램이 실행되는 도중에 변경되는 값을 저장하기 위한 이름을 가진 저장소 (자바스크립트에서는 변수를 선언할 때 let 이라는 키워드를 사용한다.) let color = "skyblue"; console.log(color); // skyblue color = "yellow"; // 변수의 값은 프로그램 실행 도중 변경할 수 있다. console.log(color); // yellow - 변수 명명 규칙 // 특수문자는 $, _ 만 사용 가능 let $name; let test_data; let &name; // 불가능 let ^test; // 불가능 // 변수명 맨앞에는 숫자를 사용할 수 없음 let 1test; // 불가능 let test..