◎ JavaScript/JavaScript🦎

[JS] HTML에서 엔터 키 입력 시 특정 함수 실행하기 [onkeyup 이벤트 핸들러를 사용하여 함수 실행하기]

- HTML에서 엔터 키 입력 시 특정 함수 실행하기 HTML에서 키보드 이벤트를 처리하고자 할 때, 일반적으로 JavaScript를 사용하여 이벤트를 처리하며 onkeyup 이벤트 핸들러를 사용하여 엔터 키가 눌렸을 때 동작하도록 할 수 있다. 아래는 해당 기능을 구현한 예시다. - 테스트 코드 HTML 삽입 미리보기할 수 없는 소스

[JS] 긴 문자열을 6자리 해시로 변환하기 [간단한 해싱 알고리즘 만들기]

- 긴 문자열을 6자리 해시로 변환하기 JavaScript에서 긴 문자열을 6자리 해시로 변환하는 방법 중 하나는 SHA-256 등의 안전한 해시 알고리즘을 사용하고 그 결과를 base64 또는 다른 방법으로 인코딩하는 것이다. 하지만 SHA-256은 256비트의 해시 값을 생성하기 때문에 6자리 해시를 얻기 위해서는 이를 잘라야 하고, 이는 보안에 취약할 수 있다. 이번 글에서는 CRC32라는 테이블을 만들어 긴 문자열을 6자리 해시로 줄여볼 것이다. 그러나 이는 충돌 가능성이 있으며 보안적으로 안전하진 않아 간단한 문자열 체크섬 또는 일부 문자열 검증 용도로 사용하면 좋다. // CRC32 테이블 생성 const crcTable = new Uint32Array(256); for (let i = 0; ..

[JS] 자바스크립트로 복사하기 버튼 만들기 [클립보드에 텍스트 복사하는 이벤트 생성]

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

[JS] JavaScript에서 URL 마지막 슬래시 제거하기 [문자열 맨 뒤에 있는 특정문자 제거하기]

- 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'

[JS] 정규표현식으로 텍스트 내 이메일 주소 찾기 [Regular Expressions을 활용한 텍스트 패턴 매칭]

- 정규표현식으로 텍스트 내 이메일 주소 찾기 1. 정규표현식이란? 정규표현식은 텍스트에서 특정한 패턴을 찾거나 매칭시키는데 사용되는 도구다. (이메일 주소나 전화번호와 같은 특정한 형식을 가진 문자열을 찾거나 대체할 때 유용하다.) 2. 텍스트 내 이메일 주소 찾기 아래는 이메일 주소를 찾는 데 사용할 수 있는 간단한 정규표현식이다. const text = "문자열 내에 이메일 주소 example@email.com을 찾아봅시다."; // 이메일 주소를 찾기 위한 정규표현식 const emailRegex = /\b[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Z|a-z]{2,}\b/g; const foundEmails = text.match(emailRegex); console.log..