프로그래밍/JavaScript
-
[Javascript] Math.floor 와 parseInt 차이점프로그래밍/JavaScript 2023. 4. 24. 15:44
▶Javascript Math.floor 와 parseInt 차이점 ▶설명 Javascript 함수 중에 Math.floor와 parseInt 2가지 모두 역할이 비슷해서 헷깔립니다. 2개의 함수의 차이점을 알아보도록 하겠습니다. ▶설명 Math.floor 참고 : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/floor Math.floor() - JavaScript | MDN The Math.floor() static method always rounds down and returns the largest integer less than or equal to a given number. devel..
-
[Javascript] 랜덤 정수 생성하기 (Random Number)프로그래밍/JavaScript 2023. 4. 24. 15:05
▶Javascript 랜덤 정수 생성하기 (Random Number) ▶설명 Javascript 함수 중에 Math.random 함수가 존재합니다. 이 함수를 이용해 램덤한 정수를 반환하는 함수를 만들어보겠습니다. 참고 : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/random Math.random() - JavaScript | MDN The Math.random() static method returns a floating-point, pseudo-random number that's greater than or equal to 0 and less than 1, with approximatel..
-
[Javascript] 영어 대소문자와 숫자만 포함하는 정규식프로그래밍/JavaScript 2023. 4. 20. 14:17
▶Javascript 영어 대소문자와 숫자만 포함하는 정규식 ▶설명 사용자의 입력 값을 검사할 때, 일반적으로 아이디 같은 경우에는 영어 대소문자와 숫자만으로 이루어진 문자열인지 검사가 필요합니다. ▶정규식 문자열이 영어 대소문자와 숫자만으로 존재하는지 확인을 위한 정규식은 아래와 같습니다. /^[a-zA-Z0-9]*$/ 정규식으로 검사 방법은 아래처럼 진행하면 됩니다. var username = "이름"; var regex = /^[a-zA-Z0-9]*$/; if (!regex.test(username)) { alert("실패"); } else { alert("성공"); } ▶사용 예제 정규식을 사용한 간단한 테스트 코드입니다. 아래는 크롬의 개발자 도구의 콘솔 창에서 작성한 테스트 코드입니다. 테스트..
-
[Javascript] 문자열을 공백 구분자로 split 하는 방법프로그래밍/JavaScript 2023. 4. 18. 13:50
▶Javascript 문자열을 공백 구분자로 split 하는 방법 ▶설명 문자열을 공백 구분자로 split 하여 배열에 저장할 때, 공백이 여러개 있는 경우에 공백을 전부 무시하고 split 하고 싶은 경우가 있습니다. 그런 경우 해결 방법을 알아보도록 하겠습니다. 참고 : https://stackoverflow.com/questions/225337/how-to-split-a-string-with-any-whitespace-chars-as-delimiters ▶잘못된 방법 예시 먼저 공백으로 나눈다고 생각했을 때, 제일 먼저 생각나는 방법입니다. 아래는 크롬의 개발자 도구의 콘솔 창에서 작성한 테스트 코드입니다. 코드 console.log("a b c".split(" ")); 결과 ['a', '', ''..
-
[Javascript] 화면 크기 변경 시에 축소프로그래밍/JavaScript 2020. 2. 6. 11:33
▶Javascript 화면 크기 변경 시에 축소 ▶설명 일반적이 반응형 홈페이지가 아닌 고정된 사이즈의 홈페이지를 만들어야 하는 경우가 있습니다. 그런경우 창의 최소 넓이 미만인 경우에는 Javascript로 zoom을 조정하여 비율 그대로 줄어들게 처리하면 편리합니다. ▶예제 코드 function resizeApply() { var minWidth = 1200; var body = document.getElementsByTagName('body')[0]; if (window.innerWidth < minWidth) { body.style.zoom = (window.innerWidth / minWidth); } else body.style.zoom = 1; } window.onload = function..
-
[Javascript] 테이블을 CSV 파일로 다운로드프로그래밍/JavaScript 2019. 1. 28. 17:26
▶Javascript 테이블을 CSV 파일로 다운로드 ▶설명 테이블에 있는 데이터를 CSV 파일로 다운로드하고 싶은 경우 사용하는 코드입니다. 출처는 아래의 주소입니다. 출처 : https://stackoverflow.com/questions/16078544/export-to-csv-using-jquery-and-html 출처에는 jQuery를 사용한 방법으로 작성됐기 때문에, 제가 기존의 코드에서 변경한 점을 작성하자면 아래와 같습니다.jQuery가 아닌 Javascript로 동작하도록 수정파일이 UTF-8 BOM이 되도록 처리하였습니다. (엑셀로 볼 때, 한글 깨짐 현상 방지) ▶예제 export-csv 폴더 export.js index.html export.js function exportTable..
-
[Javascript] 객체(Object)가 해당 클래스(Class)인지 검사프로그래밍/JavaScript 2017. 12. 19. 10:48
▶Javascript 객체(Object)가 해당 클래스(Class)인지 검사 ▶설명 instanceof 연산자를 이용하여 객채(Object)가 해당 클래스(Class)의 인스턴스인지를 검사하는 방법입니다. [참고] ▶예제 코드var dateObj = new Date(); var dateString = "2017-12-19 10:00:00"; console.log(dateObj instanceof Date); console.log(dateString instanceof Date); 결과true false
-
[Javascript] 문자로 된 날짜(Datetime) 유효성 검사 (yyyy-mm-dd hh:ii:ss)프로그래밍/JavaScript 2017. 12. 19. 10:34
▶Javascript 문자로 된 날짜(Datetime) 유효성 검사 (yyyy-mm-dd hh:ii:ss) ▶설명 yyyy-mm-dd hh:ii:ss 형식에 날짜인지 검사해주는 함수입니다. (예 : 2017-12-18 10:00:00) ▶예제 코드 function isDatetime(d) { var re = /[0-9]{4}-(0[1-9]|1[0-2])-(0[1-9]|[1-2][0-9]|3[0-1]) (2[0-3]|[01][0-9]):[0-5][0-9]/; // yyyy - MM - dd hh : mm : ss return re.test(d); } console.log(isDatetime("2017-12-18 10:00:00")); console.log(isDatetime("2017-12-18")); 결..
-
[Javascript] 객체(Object) 첫번째 키와 값 가져오기프로그래밍/JavaScript 2017. 12. 18. 11:54
▶Javascript 객체(Object) 첫번째 키와 값 가져오기 ▶설명 객체에 첫번째 키와 값을 가져오는 예제입니다. ▶예제 코드 var obj = { "1" : "iOS", "2" : "Android" }; var first_key = Object.keys(obj)[0]; var first_value = obj[Object.keys(obj)[0]]; console.log(first_key); console.log(first_value); 결과 1 iOS