리본 리본

programming/JavaScript&jQuery

• [jQuery] 제이쿼리 오브젝트 합치기 - jQuery.extend()

  programming/JavaScript&jQuery 2019. 8. 21. 23:17

  제이쿼리를 사용해서 오브젝트를 합칠 때 사용하는 함수는 extend() 가 있다. 이때 사용법은 아래와 같이 사용할 수 있다. var object = $.extend({}, object1, object2); 위의 코드와 같이 사용하면, 아래처럼 실행된다. 합쳐지긴 합쳐지는데 사용법에 따른 차이는 아래 문서에서 좀 더 자세하게 확인할 수 있다. https://api.jquery.com/jquery.extend/ jQuery.extend() | jQuery API Documentation Description: Merge the contents of two or more objects together into the first object. When two or more object arguments are..

  Read More
• [JavaScript & jQuery] 정규식 패턴 여러개 치환하기

  programming/JavaScript&jQuery 2019. 8. 20. 21:26

  자바스크립트에서 정규식을 여러 개 치환할 때 여러 가지 방법이 있다. "문자열".replace().replace() 의 방식으로 치환된 문자열에 다시 한번 치환하기 "text".replace(//g, "").replace(//g, ""); 또는 패턴을 한 번에 여러 개를 줄 수 있게 | 를 이용한 방법. "text".replace(/(|)/g, "");

  Read More
• [JavaScript&jQuery] 자바스크립트 정규식(문자만, 숫자만)

  programming/JavaScript&jQuery 2019. 8. 13. 19:47

  자바스크립트에서 문자만, 숫자만 필요할 때 정규식을 사용해서 처리할 수 있다. 첫 번째의 경우 "test1234text5678".replace(/[^0-9]/g, ""); 숫자가 아닌 것들을 공백으로 치환시키는 경우다.(숫자는 0-9까지로 표현 가능) 두 번째의 경우는 "test1234text5678".replace(/[0-9]/g, ""); 해당 문자열에선 문자만 되는 것처럼 보이지만, 정확히는 숫자를 공백으로 치환시키는 경우다. 문자를 숫자 제외 모든 것이라고 하면 같은 의미이다. 세 번째는 알파벳을 없애는 경우다. "test1234text5678".replace(/[a-zA-Z]/g, ""); 소문자 a-z, 대문자 A-Z까지를 공백으로 치환한다. 이때는 한글이 들어있으면 없어지지 않는다. 자세한 ..

  Read More
• [JavaScript&jQuery] 동적 생성 HTML에 이벤트 추가하기

  programming/JavaScript&jQuery 2019. 8. 7. 22:11

  HTML에 클릭 이벤트를 거는 것은 아래와 같이 할 수 있다. $("SELECTOR").click(function(){ alert("click"); }); 이때 동적으로 생성된 HTML에도 이벤트를 걸 때는 다른 방식으로 걸어야 하는데, $(document).on("click", "SELECTOR", function(){ alert("add event"); }); 위에 click 이벤트의 경우에는 태그(SELECTOR)에 클릭 이벤트를 걸어서, 해당 이벤트를 건 이후에, 동적 생성된 태그에 대해선 이벤트가 작동하지 않는데, 아래처럼 on을 사용해서 하면 이벤트를 연결시키면, 태그(SELECTOR)가 document에 동적으로 추가되더라도 이벤트가 작동된다.

  Read More
• [JavaScript&jQuery] jquery selector, this 사용하기

  programming/JavaScript&jQuery 2019. 7. 10. 22:59

  제이쿼리에서 선택자를 이용해서 많을 것을 할 수 있다. $("#id").val() : 아이디 선택자 $(".class").val() : 클래스 선택자 id 또는 class 명을 통해서 선택을 할 수 있는데 여러 가지를 선택할 경우에는 this 등의 키워드를 사용해서 선택하는 방법도 있다.(클래스도 여러 개 선택된다.) - 여러가지 체크박스를 이용할 경우에 여러 가지 아이디를 사용해서 id="check1", id="check2" ... 등으로 만들고 각각의 click 이벤트를 연결해서 사용할 수 도 있지만 $("input[type=checkbox]").click(function(){ // content .. }); 위와 같이 모든 체크박스를 한 번에 연결할 수 도 있다. 이러한 상황에서는 이번에 선택된 체..

  Read More
• [JavaScript&jQuery] JavaScript Date() 사용법

  programming/JavaScript&jQuery 2019. 7. 10. 00:29

  자바스크립트에서 시간 데이터를 이용하고 싶을 때 쓴다. .getMonth() 월을 반환 0부터 시작. .getYear() -> .getFullYear() 년도를 구할 때 사용 .getDay() 요일을 반환 (일->토) (0->6) .getDate() 일을 반환 다른 라이브러리를 사용하지 않으면 적절히 섞어가면서 getFullYear() + (getMonth()+1) + getDate() 의 형태로 날짜를 표시하면 될 것 같다. Wed Jul 10 2019 00:18:08 GMT+0900 (한국 표준시) 이렇게 쓰는 곳은 거의 없으니까.

  Read More