반응형 IT/자바스크립트30 자바 스크립트에서 자주 사용하는 형변환(숫자,문자,부울) 개요 자바스크립트에서 자주 사용하는 형 변환 함수에 대해서 정리해 보았습니다. 상세내용 String() 함수는 숫자를 문자열로 변환하는 함수입니다. 사용 예) let num = 10; let str = String(num); // str은 "10"이 됩니다. parseInt() 또는 parseFloat() 함수는 문자열을 숫자로 변환하는 함수입니다. 사용 예) let str = "10"; let num = parseInt(str); // num은 10이 됩니다. Boolean()는 값이 참인지 거짓인지를 나타내는 부울 값으로 변환하는 함수입니다. 사용예) let num = 0; let bool = Boolean(num); // bool은 false가 됩니다. 숫자 자동 형변환이 발생할 수 있습니다. 예를.. 2024. 3. 26. [자바스크립트] 입력창에 숫자만 입력하는 방법 개요 입력창에 숫자만 입력하는 방법을 소개 합니다. 상세내용 입력 창에서 전화번호나 생일을 입력받을 때 숫자만 입력하도록 설정을 할 수 있습니다. html 속성, 정규화와 자바스크립트를 이용하여 숫자만 입력받는 것을 알아보겠습니다. 방법 1 html 속성 중 "oninput"이 있습니다. 이 속성을 이용하여 숫자만 입력되도록 하는 코드입니다. oninput = "this.value=this.value.replace(/[^0-9]/g,'').replace(/(\..*)\./g,'$1');" 위 코드를 아래와 같이 입력 창에 추가하시면 됩니다. 이렇게 입력하면 숫자 외의 키는 공백 처리가 되어 입력이 되지 않습니다. 입력되지 전에 처리하는 방식입니다. 방법 2 html 속성 중 "onkeyup"이 있습니다... 2024. 3. 20. [자바스크립트] 변수로 받은 ID를 JQuery에서 사용하는 방법 개요 변수로 받은 Id를 Jquery에서사용하는 방법입니다. 세부내용 내부 변수를 선언하여 사용하는 방법을 알려 드리겠습니다. JQuery를 사용하여 특정 ID를 가진 요소에 접근하려면, $() 함수를 사용하면 됩니다. 변수에 저장된 ID를 사용하여 JQuery 선택자를 만들고, 해당 선택자로 요소에 접근할 수 있습니다. 아래는 이에 대한 예제 코드입니다. Name: Email: Phone: Get Values 이 예제에서는 elementId 변수에 "exampleElement"라는 ID를 저장하고, 이 변수를 사용하여 JQuery 선택자를 생성하여 해당 요소에 접근합니다. 이후에는 해당 요소에 대한 조작을 수행하고, 콘솔에 변수로 선택한 요소의 텍스트를 출력합니다. 프로젝트에서는 변수로 관리하는 ID를.. 2024. 1. 19. JQuery의 serializeArray() 함수 사용해 폼(form) 데이터를 배열로 가져오기 jQuery의 serializeArray() 함수를 사용하면 폼(form) 데이터를 배열로 가져올 수 있습니다. 이 함수는 폼 내의 모든 입력 요소의 이름과 값의 쌍을 객체 배열로 반환합니다. 아래는 serializeArray() 함수를 사용하여 폼 데이터를 가져와서 콘솔에 출력하는 예제입니다. Name: Email: Serialize Data 이 예제에서는 "Serialize Data" 버튼을 클릭하면 폼 데이터가 serializeArray() 함수를 통해 가져와지고, 이 데이터가 콘솔에 출력됩니다. 프로젝트에서는 이 데이터를 서버로 전송하거나 다른 필요한 작업을 수행하는 데 활용할 수 있습니다. 주의: serializeArray() 함수는 폼 데이터를 배열로 가져오기 때문에 필요에 따라 데이터를 조작.. 2024. 1. 17. 이전 1 2 3 4 5 ··· 8 다음 반응형