본문 바로가기

JavaScript31

자바스크립트 onclick() 이벤트 예제 - Javascript onclick 이벤트 예제 - 안녕하세요. 오늘은 onclick 이벤트에 대해서 알아보겠습니다.아래에 소스와 함께 주석으로 설명을 적어놨습니다. 1234567891011121314151617181920212223242526272829 $(document).ready(function(){ // test라는 클래스를가진 div를 클릭할 경우 "테스트입니다요."라는 alert가 뜬다. $(".test").on("click", function(){ alert("테스트입니다요."); }); }); 안녕하세요 // div에 onclick이벤트를 줘서 div를 클릭했을경우 test라는 함수를 호출합니다. // 호출 시 "테스트2입니다요."라는 alert가 뜬다. function test(){ .. 2018. 11. 6.
[ Jquery ] 제이쿼리 서브스트링(substring) 예제 - Jquery substring 예제 - 안녕하세요. 오늘은 Jquery substring에 대해서 알아보겠습니다.밑에 소스 코드에 설명과 같이 적겠습니다. 123456789101112var test = "2018-11-01"; var year = test.substring(0,4); // 0은 시작 index입니다 4는 마지막 index입니다.//한글로 표현 하자면 0번째에서 시작하여 4번째 전까지라는 표현입니다.// 비교문으로는 test >= 0 && test 2018. 11. 1.
[ Jquery ] 제이쿼리 스플릿(split) 예제 - Jquery split 예제- 안녕하세요. 오늘은 jquery split에 대해서 알아보겠습니다.밑에 소스에서 설명과 같이 알려드리겠습니다. 123456789101112131415 var test = "2018-11-01";test = test.split("-"); // split에 '-'를 넣었습니다.// 이럴경우 "2018-11-01"이 "-"이 기준으로 자른다는 뜻입니다.console.log(test[0]); // 결과값 : 2018console.log(test[1]); // 결과값 : 11console.log(test[2]); // 결과값 : 01//결과 값을 보시면 2018, 11, 01 이렇게 "-"이 기준으로 자를 수 있습니다.//한가지 더 예를 들어 보겠습니다. var test = "2.. 2018. 11. 1.
[ AJAX ]JSON과 AJAX란?(예제 포함) JSON 객체를 이용하여 Ajax요청 예제 1. JSON(JavaScript Object Notation)이란? 1) JSON는 javascript 객체를 만드는 표현식입니다. 2) key : value 형식의 데이터 저장 방식입니다. 3) 경량의 DATA를 교환하는 방식입니다. 2. JSON 예제 var test = { "name" : "홍길동", "age" : 27, "address" : "서울시" }위와 같은 객체 형식의 표현식으로 쓸 수 있습니다. test라는 객체는 key : value형식의 표현식입니다. key == "name" : value == "홍길동" 이런 형식으로 데이터가 들어가는데요. 이런 JSON형식으로 데이터를 전송하면 Bean에서 key의 명칭과 같은 Bean안에 있는 변수를 .. 2018. 5. 31.
[ Jquery ] 제이쿼리 replace() 사용법 안녕하세요. 오늘은 Jquery replace()에 대해서 알아 보겠습니다. var re = "가나다라 마바사" re = re.replace("다", "크"); // 이렇게 선언하면 "다"라는 문자를 "크"라는 문자로 변경 해줍니다. console.log(re); 결과 값 = 가나크라 마바사 자 다음으로는 replcae()를 사용하여 모든 공백을 제거 해보겠습니다. var result = " 12345 678 910 " result = result.replace(/ /gi, ""); 이렇게 정규식을 쓰면 모든 공백을 제거합니다. console.log(result); 결과값 : 12345678910 이렇게 간단하게 replace()를 쓰는법에 대해서 설명드렸습니다. 유익하셨다면 댓글도 하나 달아주시면 감사.. 2018. 5. 2.
[ Jquery] 제이쿼리 공백 제거방법 설명 & 예제(trim) 안녕하세요. 오늘은 Jquery trim()에 대해서 설명해드리겠습니다. 자 먼저 trim()에 대해서 설명 드리겠습니다. var test = " test " // test 앞뒤로 공백 test = $.trim(test);위와 같이 trim 안에 test라는 변수를 넣어 주면 앞뒤로 공백이 사라집니다. 유익하셨다면 광고 한번씩 클릭해 주시고 댓글도 하나 달아주시면 감사하겠습니다. 2018. 4. 26.