개발자의 끄적끄적

[javascript/jquery] javascript 360 degree modules / 자바스크립트 360 뷰어 라이브러리 요즘 개발을 하다보면 360 파노라마 뷰같이 구현된 사이트들이 많이 있습니다. 대부분 ar / vr 과 더불어 많이들 사용하는 듯 한데요. 그중에서 많이 사용되는 7가지 자바스크립트 360 모듈이 정리되어 있는 사이트를 찾아서 공유하고자 합니다. 아래 링크 들어가셔서 각각 비교해보시고 상황에 잘 맞는걸 사용하시면 많은 도움이 되실듯 합니다! 참고들 하세요! https://ourcodeworld.com/articles/read/843/top-7-best-360-degrees-equirectangular-image-viewer-javascript-plugins Top 7: Best..

[javascript/jquery] jquery selected text example / jquery 셀렉트 박스 선택 텍스트 가져오기 jquery 로 select box 의 선택된 텍스트 값을 가져와야 하는 경우가 있습니다. 그럴때는 아래와 같이 jquery 를 사용하시면 됩니다! 예를들어 아래와 같이 id 가 select 인 셀렉트박스가 있다고 가정하고, aaa bbb 위 셀렉트박스의 값들중 선택된 옵션의 텍스트를 가져오려면 아래와 같이 .text를 사용하시면 됩니다! $("#select option:checked").text(); 참고들 하세요!

[javascript/jquery] jquery datatable page.info().recordsTotal 0 출력 현상 해결방법 jquery datatable 을 이용하여 테이블 형태로 데이터를 표기하다 보면 아래 객체를 이용해서 전체 레코드 수를 표기해야 하는 경우가 있습니다. page.info().recordsTotal 그중에서 아주 가끔이지만, 데이터가 분명히 있고 테이블에도 표시되는데, recodesTotal 이 0 이 출력되는 경우가 있습니다. 저는 이걸 setTimeout 을 이용하여 약 0.7초 뒤에 전체 레코드수를 표기하도록 설정했습니다. 데이터를 서버에서 가져오는 과정에서 약간의 딜레이가 발생되는 듯 합니다! 참고들 하세요!

[javascript/jquery] javascript get url parameter example / 자바크스립트 url 파라미터 가져오기 javascript 에서 현재 url 의 get 파라미터를 받아야 하는 경우가 있습니다. 그럴때는 아래처럼 URL 객체를 이용하시면 됩니다. var url_href = window.location.href; var url = new URL(url_href); var a = url.searchParams.get("a"); var b = url.searchParams.get("b"); 예를들어 아래와 같이 get 파라미터에 a 와 b, 2개의 값이 있다고 가정하고, test.com?a=1&b=2 이걸 위에 나온 URL 객체를 이용하여 각각 출력하면 각 파라미터에 있던..

[javascript/jquery] jquery cdnjs search site / jquery 라이브러리 검색 사이트 [링크] 홈페이지 작업을 할때 jquery 모듈을 cdn 에서 로드하곤 합니다. 그런데 어떤 사이트는 잘 설명이 되어있지만, cdn 주소나 이런것들이 정확하게 안내가 되어 있지 않은 사이트들도 있습니다. 그럴때는 아래 링크 들어가셔서 직접 검색하시는 방법도 있습니다! 원하는 라이브러리 명을 검색하시면 로드할수 있는 cdn url 이 나옵니다! 참고들 하세요! cdnjs.com 링크 : https://cdnjs.com/ cdnjs - The #1 free and open source CDN built to make life easier for developers Simple. Fast. ..

[javascript/jquery] 자바스크립트 chart js x 축 줄바꿈 처리하는 방법 [링크] javascript 에서 그래프를 표현하기 위해서 chart.js 를 사용하곤 합니다. 그중에서 그래프의 x 축 좌표명을 2줄로 표기하려고 하는데 html 태그들도 안먹히고 줄바꿈도 안되는데요,..ㅠ 그럴때 참고할만한 링크가 있어서 공유하려고 합니다. 간단히 말해서 줄바꿈이 아닌 label 배열을 2줄의 데이터가 있는 배열로 구성해서 x 축 값이 줄바꿈이 된것처럼 표현하는 방법입니다! 아래 링크 들어가 보시고 참고하세요! chart.js x 축 라벨명 줄바꿈 방법 : https://stackoverflow.com/questions/37090625/chartjs-new-lines-n-in-x-axis-la..

[javascript/jquery] 자바스크립트 유용한 라이브러리 모음 사이트 [링크] javascript 를 사용하다보면 유용한 라이브러리 들을 찾아서 적용하면 간편하게 개발이 되는 경우가 많습니다. 물론 개개인에 맞춰서 커스터마이징해야하는건 퍼블리셔 혹은 개발자의 몫이지만요 ㅎㅎ javascript 라이브러리들을 잘 모아놓은 사이트가 있어서 공유하려고 합니다. 아래 링크 들어가셔서 필요한 라이브러리들 있으면 참고해서 개발에 도움들 되셨으면 좋겠습니다! 자바스크립트 유용한 라이브러리 모음 사이트 : https://otep.tistory.com/382?category=395627 유용한 자바스크립트 라이브러리 autocomplete 모음 http://autocompletejs.com/ http://aut..

[javascript/jquery] 자바스크립트 url 파라미터 숨기는 방법 javascript 에서 주소창에 표시되는 url 의 파라미터를 숨기고 싶은 경우가 있습니다. 그럴때는 아래 내용처럼 history.replaceState 를 이용하시면 됩니다. history.replaceState({}, null, location.pathname); 현재 url 뒤에 파라미터가 붙어있는 url 이 있다면 간단하게 위 내용을 복사해서 개발자도구 콘솔에서 테스트해보시면 딱 아실수 있습니다! 참고들 하세요!