jQuery Selector로 iframe 제어하는 방법

jQuery를 이용해 iframe 내에서 부모 document 그리고 부모 document 내에 존재하는 다른 iframe에 접근하는 방법을 우선 정리해보고 이를 응용할 수 있는 예시를 한 번 더 정리해보겠습니다. iframe 내에서 부모 document 접근 방법 iframe 내에서 부모 document의 다른 iframe 접근 응용 : iframe 내 document의 height 값을 구해 iframe의 height 값을 세팅 jQuery를 버리고 Vanilla JS로Continue reading “jQuery Selector로 iframe 제어하는 방법”

[Javascript] 특정 문자열로 Split 후 마지막 요소 추출

특정 패턴의 문자열을 배열로 추출한 후 맨 끝 배열 요소를 활용하기 위한 처리 방법입니다.

위 코드는 underscope(_)로 구분되는 패턴의 문자열을 split() 함수로 배열화 시킨 뒤 해당 배열 요소를 reverse() 함수로 순서를 반전 시킵니다. 그 후 첫 배열 요소[0]를 가져오면 결과적으로 대상 문자 배열의 맨 마지막 요소를 가져오는 형태가 됩니다.

[JS] Uncaught TypeError: Undefined is not a function on indexOf 에러 해결방법

2017년 첫 포스팅입니다. 한 변수에서 특정 문자열 유무를 검사하기 위해서 indexOf() 함수를 사용합니다. 여기서 유의 할 점이 있습니다. 데이터 형 검사를 하지 않거나 변환을 시켜주지 않는다면 제목과 같은 에러가 발생할 수 있습니다. 또한 참고해야할 점이 있습니다. DOM 또는 jQuery를 이용해 앨리먼트의 속성을 구해올 때의 데이터형은 무조건 문자열(String) 입니다. 그렇기 때문에 따로 형변환을 거지지 않고도 이Continue reading “[JS] Uncaught TypeError: Undefined is not a function on indexOf 에러 해결방법”

[JS] 날짜(Date) 연산 방법

현재 날짜와 현재 날짜로 부터 날짜를 연산하는 방법을 정리합니다.

주의1 : 달을 구하는 getMonth()는 0부터 시작됩니다. (0 ~ 11) 그래서 현재 달을 구하기 위해서는 +1 을 헤주셔야 합니다. 주의2 : 이번 주를 구할때는 월요일이 아닌 일요일로 시작됩니다. 때문에 달과 마찬가지로 +1을 해주셔야 합니다.

[jQuery] .on 이벤트에 파라미터 전달하는 방법

이벤트 처리 시 사용하고자 하는 변수가 전역변수라면 상관이 없지만 지역변수인 경우 인자로 정의를 해주어야 합니다. 전역변수를 .on 이벤트 핸들러에서 사용 시

  지역변수를 .on 이벤트 핸들러에서 사용 시

  이벤트 타입 인자 뒤에 JSON 형태로 파라미터를 추가해주시면 위와 같이 지역변수값을 전달받을 수 있습니다.

[JS] 자바스크립트 문자열 치환(replace)

자바스크립트에서 문자열 치환 하는 방법입니다. 단순히 replace를 사용하면 문자열에 2번이상 중복된 문자열까지 치환되지 않습니다. 그래서 replace 함수도 많이 만들어서 사용합니다. 문자열 전체 치환을 하기 위한 방법 중 가장 간단한 방법을 알려드립니다.

위 방법은 정규식을 이용한 텍스트 치환입니다 replace 첫번째 인자로 “(따옴표) 대신 /(슬래시) 를 사용하며 마지막 슬래시 뒤로는 정규식 옵션이 들어갑니다.   g :Continue reading “[JS] 자바스크립트 문자열 치환(replace)”

[jQuery] 팝업창으로 POST 폼 전송하는 방법

팝업창으로 폼을 전송하는 경우가 종종 있어 정리합니다.

form 구성은 위와 같습니다. 일반적으로 사용할때와 좀 다른 점은 target 을 사용한다는 것인데 이는 frame이나 iframe으로 폼 전송을 할 때도 동일합니다.  

전송 버튼을 클릭시 popup_window라는 이름의 빈 팝업창을 띄우고 myform이라는 폼을 submit 시킵니다. form의 target 값을 읽어 popup_window라는 팝업창으로 폼 전송을 하게 됩니다. get으로 팝업창에Continue reading “[jQuery] 팝업창으로 POST 폼 전송하는 방법”

[jQuery] javascript의 this와 $(this)의 차이점

자바스크립트에서의 this와 jQuery에서의 $(this)는 명칭이 같아 동일한 성격이라고 생각하실 수 있겠으나 실제로 표시되는 정보는 서로 다릅니다.

위 코드로 확인해보시면 됩니다. 자바스크립트의 경우는 이벤트가 발생한 태그 요소가 표시됩니다. jQuery의 경우 이벤트가 발생한 요소의 정보들이 Object로 표시됩니다. 간혹 자바스크립트에서 this를 참조해야할 경우가 자주 생깁니다. 이런 경우 jQuery로는 어떻게 표현해야할까요.. 자바스크립트의 this는 jQuery의 $(this)[0] 으로 동일 결과를Continue reading “[jQuery] javascript의 this와 $(this)의 차이점”

[JS] 자바스크립트 함수 인자 디폴트 처리방법

보통 개발 언어에서는 함수 인자가 없는 경우 디폴트 값을 지정이 가능합니다. PHP를 예로 들어보겠습니다.

이처럼 인자가 없는 경우 설정된 기본값이 대입되어 처리됩니다. 자바스크립트의 경우는 처리 방법이 조금 다릅니다. 정확히 말하자면 자바스크립트에는 함수 인자 기본 옵션을 줄 수 없습니다. 때문에 함수 안에서 인자를 체크하여 기본값 처리하는 부분이 들어가야 합니다.

자바스크립트에서는 인자가 없는 경우 undefinedContinue reading “[JS] 자바스크립트 함수 인자 디폴트 처리방법”

[JS] setInterval을 적용하는 함수에 인자 추가하는 방법

주기적으로 함수를 실행시키기 위해 사용하는 setInterval 함수가 있습니다. 잘 아시겠지만 보통 이렇게 사용합니다.

  여기서 test 함수에 인자가 포함되어있다면 어떻게 호출해야할까요? 방법은 아래와 같습니다.

  이 방법을 통해 인자를 포함시켜 setInterval 을 실행시킬 수 있으며 여러 개의 함수를 함께 실행 시킬 수도 있습니다.