개발자의 끄적끄적

[javascript/jquery] javascript parentNode 찾는 방법 / 부모 요소 찾기 javascript 에서 특정 element 의 부모 요소를 찾아야 할 경우가 있습니다. 그럴때 아래 처럼 parentNode 를 사용하면 됩니다. var element = document.getElementById('name'); var parent = element.parentNode; 위 내용을 보시면 아시겠지만, name 이라는 id 를 가진 요소를 element 에 저장하고 element.parentNode 를 사용하여 부모정보를 가져와서 parent 라는 변수에 담는 내용 입니다. 참고들 하세요!

[javascript/jquery] 자바스크립트 explorer 브라우자 체크하는 방법 javascript 에서 현재 접속한 사용자의 브라우저 정보를 확인해야 하는 경우가 있습니다. 그중에서 대부분의 브라우저에는 특별한 이상은 없지만, 국내 특성상 internet explorer 에서는 특정 로직 혹은 특정 css 를 반영해야 하는 경우가 빈번히 발생합니다. 그럴때 사용할 수 있는 자바스크립트 코드를 공유합니다. var agent = navigator.userAgent.toLowerCase(); if ( (navigator.appName == 'Netscape' && agent.indexOf('trident') != -1) || (agent.indexOf("msie") != -1)) { // if age..

[javascript/jquery] 자바스크립트 비메오 영상 종료 확인하는 방법 요즘 웹사이트에 유투브나 비메오 같은 영상을 연동하는일이 많이 있습니다. 그중에서 비메오의 영상을 연동할 경우 동영상이 종료되는 시점을 알아내고 싶을때 아래와 같이 스크립트를 이용하면 됩니다. 위 내용 보시면 아시겠지만, player 객체에 ended 이벤트를 수신하는 콜백 함수를 구현하면 동영상 재생이 종료되었을때, 하고자 하는 액션을 취할 수 있습니다. 참고들 하세요!

[javascript/jquery] javascript SMS 발송창 띄우는 방법 javascript 에서 특정 버튼클릭 혹은 액션시 문자발송창을 띄워야 하는 경우가 있습니다. 그럴때 아래처럼 구현 하시면 됩니다! 1. 기본 사용법입니다. "sms:" + phone number(option) 2. 예제입니다. location.href = sms:01011112222 위처럼 액션에 sms:[받는사람번호] 를 입력해놓으면 문자발송화면이 뜨게 됩니다. 참고들 하세요!

[javascript/jquery] how to convert json string to object / json 문자열을 object 로 변환하는 방법 javascript 에서 ajax 를 이용하여 json 데이터를 주고받다보면 특정 결과들이 파싱이 잘 안되는 경우가 있습니다. 그럴때 json string 를 json object 로 변환하여 사용하면 해결되는 경우가 있습니다. 아래는 예제입니다. var str = '{"name":"test1"},{"name":"test2"}'; var jsonObj = $.parseJSON('[' + str + ']'); 위 내용처럼, str 이라는 json string가 있을때 이것을 jsonobject 로 변환하는 방법입니다. 저렇게 하면 object 형태의 결과..

[javascript/jquery] jquery 엘리먼트의 요소 추출하는 방법 jquery 에서 특정 엘리먼트의 클리스명이나 아이디, name 등의 요소 정보를 뽑아내야 할 경우가 있습니다! 그럴때 아래와 같은 방법으로 하시면 됩니다! 1. 우선 타겟 엘리먼트를 변수에 담는다. var ele = $("TARGET"); 2. 변수에 담긴 엘리먼트에서 원하는 요소를 attr 로 꺼낸다. var className = ele.attr('class'); 위 예제는 특정 엘리먼트의 클래스명을 알고 싶을때 사용하는 방법입니다. name 혹은 id 를 알고 싶을대는 attr('class') 를 attr('id') 나 attr('name') 으로 변경해서 사용하시면 됩니다. 참고들 하세요!

[javascript/jquery] 현재 접속 환경 및 기기 정보 조회 / navigator.userAgent 자바스크립트에서 현재 접속 기기 혹은 환경에 대한 정보를 알고 싶을때 아래와 같인 navigator.userAgent 를 담아서 사용합니다. var agent_str = navigator.userAgent; 단순히 특정 브라우저나 특정 환경을 조회하기도 하지만, 앱으로 패킹 후 사용자 푸쉬 토큰을 구분해서 기기별로 전송하고자 하거나 기기별로 다른 함수를 호출해야 할 경우 webview 에서 agnet 를 추가해서 상호간에 확인을 하기도 합니다. 엄청 간단하고 별거아니지만, 활용할 방법은 많으니 꼭 숙지하시길.. 참고들 하세요!

[javascript/jquery] jquery datepicker dateFormat option example jquery datepicker 를 사용할때 날짜 형식을 설정하고 사용해야 원하는 데이터를 가공하고 저장하기가 쉬워집니다. 그럴때 아래처럼 옵션을 사용하면 됩니다. $("TARGET").datepicker({ dateFormat: 'yy-mm-dd' }); 위 내용을 보시면 아시겠지만, TARGET 대상 태그에 datepicker 를 선언할때, dateFormat: 'yy-mm-dd' 로 형식을 지정해주면 날짜 선택이 입력값이 2020-01-01 의 형태로 들어가게 됩니다! 참고들 하세요!