Programming/JavaScript

JavaScript로 빈 값 체크 함수 구현 JavaScript를 사용하여 데이터 값의 null 체크를 할 때마다 유효성 체크를 한다면 코드도 길어질 뿐만 아니라 같은 코드의 중복이 많기 마련이다. 그래서 값이 없는 데이터를 체크하는 함수를 만들어 필요할 때마다 가져다 쓰기로 했다. 빈 값일 시 "" 로 return 하는 함수 // 빈 값일 시 문자열 "" return function f_strNullCheck(str){ var newStr = str; if(newStr == null || newStr == "" || newStr == undefined || newStr == "undefined") { newStr = ""; } return newStr; } 빈 값일 시 0으로 return 하는 함수 /..

JQuery 파일명 확장자 문자열 추출하기 파일 관련 구현을 하면서 확장자명을 가지고 구분을 해주어야 할 상황들이 있다. 먼저, 전체 파일명을 가져와 뒤에서 '.' 을 찾고 subString()을 이용하여 확장자명을 뽑아오는 순서로 처리하면 된다. function getExtension(fileName) { // 파일명의 총 길이 var fileLength = fileName.length; // 마지막 .의 위치 찾기 var lastDot = fileName.lastIndexOf('.'); // .의 다음 위치로 부터 파일의 총 길이까지 subString var fileExtension = fileName.substring(lastDot+1, fileLength); return fileExtension;..

JSON.stringify(), JSON.parse() - 객체를 JSON으로, JSON을 객체로 바꾸기 JSON (JavaScript Object Notation)은 값이나 객체를 나타내주는 범용 포맷으로, RFC 4027 표준에 정의되어 있습니다. JSON은 자바스크립트에서 사용할 목적으로 만들어지는 포맷이지만 라이브러리를 사용하면 자바스크립트가 아닌 언어에서도 JSON을 충분히 다룰 수 있어 JSON을 데이터 교환 목적으로 사용하는 경우가 많아 JSON을 사용해 주로 웹서버와의 데이터를 교환할 때 사용합니다. 자바스크립트가 제공하는 JSON 관련 메서드는 JSON.stringify()와 JSON.parse()가 있는데 JSON.stringify 에 대해 알아보겠습니다. JSON.stringify( ..

JQuery를 이용해 select의 option 선택/변경하는 방법 우선 속성 값을 변경하는 방법으로 prop 함수를 활용하여 앨리먼트를 컨트롤 하겠습니다. .prop() .prop()는 지정한 선택자를 가진 첫번째 요소의 속성값을 가져오거나 속성값을 추가합니다. 주의할 점은 HTML 입장에서의 속성(attribute)이 아닌 JavaScript 입장에서의 속성(property)이라는 것입니다. 방법1. onchange 이벤트 함수 내 사용해야 하는 경우 $("#select_id").on("change", function(){ // value 값으로 선택 $(this).val("1").prop("selected", true); // option 순서값으로 선택 $(this).find("option:eq(..

엔터(Enter)키 이벤트 활용 (로그인, 검색 등) 1. 로그인에서 비밀번호를 친 후 바로 엔터키를 눌러 로그인하고 싶다. 2. 검색어 입력 후 엔터키를 눌러 검색을 하고싶다. 위와 같은 경우 등에 많이 활용된다. 1. 이벤트 발생 시 수행할 함수를 작성한다. function f_enterLogin() { if(window.event.keyCode == 13){ f_loginCheck(); // 로그인 버튼 함수 } } 2. 이벤트 대상에 작성 로그인 onkeyup으로 비밀번호 input에 키가 눌릴 때 마다 f_enterLogin이 호출되게 하여 그 눌린 키가 keycode 13 즉, enter키 일 때만 f_loginCheck() 함수(로그인버튼에 달려있는 함수)가 호출된다.

Java는 문자열에서 특정 문자를 포함하는지 알기 위해 contains()를 사용하지만, Javascript에서는 contains()를 사용할 수 없다. JavaScript에서 특정 문자 검색/찾기 자바스크립트 에서 특정 문자를 찾으려면 indexOf()를 사용한다. indexOf() 함수는 첫번째 파라미터로 검색할 문자(searchvalue)를 필수적으로 넣어주고 선택적으로 두번째 파라미터로 검색을 시작할 위치(start : default는 0)를 지정해 줄 수 있다. var str = "hello world! welecome to world"; // 1 str.indexOf('world');// 결과 : 6 // 2 str.indexOf('world', 10);// 결과 : 25 1. start값이 ..