개발자의 끄적끄적

[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 이 있다면 간단하게 위 내용을 복사해서 개발자도구 콘솔에서 테스트해보시면 딱 아실수 있습니다! 참고들 하세요!

[javascript/jquery] jquery get html dom example / jquery dom 객체 가져오는 방법 jquery 에서 특정 element 를 가져오다 보면 html Dom 형태로 가져와야 하는 경우가 있습니다. 그럴때는 아래와 같이 하시면 됩니다. 예를들어 아래와 같이 id_text 라는 아이디를 가진 textarea 가 있다고 가정하고, 위 태그를 dom 형대로 가져오고 싶으면 아래처럼 [0] 이나, .get(0) 으로 가져오시면 됩니다. $('#id_text')[0] $('#id_text').get(0) 참고들 하세요!

[javascript/jquery] javascript 윤년 체크하는 방법 javascript 에서 날짜를 다루다 보면 해당 연도가 윤년인지 아닌지 확인해야 하는 경우가 종종 있습니다. 그럴때는 아래 조건문을 이용하시면 됩니다. if( (year % 4 == 0 && year % 100 != 0) || year % 400 == 0 ) { alert("윤년") } 연도가 4로 나누어 떨어지고 100으로 나누어 떨어지지 않거나, 400으로 나누어 떨어지면 윤년으로 보시면 됩니다. 참고들 하세요!

[javascript/jquery] jquery 최하단으로 스크롤 이동 시키는 방법 jquery 로 특정 데이터를 로드한 시점이라 특정 상황에 따라 스크롤을 맨 아래로 이동시켜야 하는 경우가 있습니다. 그럴때는 아래와 같이 scrollTop 를 이용해서 scrollHeight 값으로 이동시키면 됩니다. $('#test').scrollTop($('#test')[0].scrollHeight); 위 내용 보시면 아시겠지만, 스크롤이 되는 영역인 test 라는 아이디를 가지는 영역의 스크롤을 높이값을 입력하여 이동시키는 내용입니다. 참고들 하세요!