개발자의 끄적끄적

[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 의 형태로 들어가게 됩니다! 참고들 하세요!

[javascript/jquery] ajax Unsupported Media Type 415 error 해결 방법 ajax 로 통신을 하다보면 아래와 같은 에러가 나는 경우가 있습니다. 415 에러인데요. Unsupported Media Type ConetentType 을 지정하지 않아서, default 인 application/x-www-form-urlencoded 타입으로 요청이 넘어가서 받으려고 하는 json 과 맞지 않아서 에러가 나는 부분입니다. contentType: "application/json", 따라서 위 내용을 ajax 구문에 추가하면 됩니다. 아래는 추가한 예제 입니다. $.ajax({ type: "POST", url: url, contentType: "application/json..

[javascript/jquery] datatable auto width false example jquery datatable 를 선언하여 사용하고자 할때 아래와 같이 구성할 타겟에 옵션을 주어 선언하는 방식입니다. 하지만, 그럴게 사용하다 보면 테이블 각각 칼럼의 폭이 마음대로 조절되거나 하는 경우가 있습니다. 그럴때는 아래와 같이 옵션을 지정하여 주면 해결됩니다! $("TARGET").DataTable({ autoWidth: false, }); datatables 에서는 width 에 대한 조정을 할 수 있는데, 그걸 false 로 선언하면 강제로 변환되지않고 유지시킬 수 있습니다! 참고들 하세요!

[javascript/jquery] datatable null column handling / datatable 빈값 체크 방법 jquery datatables 를 이용하여 표과 개발을 연동할때, ajax 로 처리하여 스크립트에서 아래 처럼 column 안에 데이터를 대입해여 표기하게 됩니다. columns: [ {"data": "name"}, ..... ], 하지만, 위처럼 표시하면 필드안에 값이 null 인것 다른문자로 표기가 안되고 비어있게 됩니다. 그럴때 아래처럼 사용하시면 됩니다. columns: [ {"data": "name", "defaultContent": "-"}, ..... ], 동일하게 변수명이 name 인 데이터를 출력하는데 defaultContent 를 - 라는 문자로 선언한다는 ..

[javascript/jquery] 자바스크립트 br 을 개행문자로 변환하는 방법 자바스크립트에서 br 태그를 줄바꿈 형식으로 바꿔야 하는 경우가 있습니다. 그럴때 아래 처럼 정규식을 이용하시면 됩니다. var text = 'a b c'; var replace_result = text.replace(/( | | )/g, '\r\n'); console.log(replace_result); 위 내용 보시면 아시겠지만, 의 태그를 \r\n 의 개행 문자로 변환하는 내용입니다. 위에서 console.log 로 출력하면 아래처럼 결과가 나오게 됩니다. a b c 참고들 하세요!!

[javascript/jquery] 부스트스랩 다음카카오맵 영역 노출 에러 해결 방법 부트스트랩에서 다음 카카오 맵을 연동하여 위치는 표시해주고자 하는데 map div 를 생성해서 로드했더니 아래 이미지와 같이 나오는 경우가 있습니다. 위 이미지처럼 아주 약간의 영역에만 지도가 나오고 나머지 부분은 배경이미지만 나오는경우 map.relayout() 맵이 로드된 후 로직에 위와 같이 레이아웃을 재설정하는 함수를 호출해주면 됩니다! 참고들 하세요!!