개발자의 끄적끄적

[javascript/jquery] javascript screen.height example / 자바스크립트 해상도 height 확인 방법 javascript 에서 현재 사용자의 해상도중 세로값 즉, height를 확인하고 싶은경우 screen 객체를 사용하시면 됩니다. 아래와 같이 screen.height 를 console.log 를 이용하면 출력해보면 console.log(screen.height); 결과는 아래와 같이 픽셀값으로 반환됩니다! 1080 참고들 하세요!

[javascript/jquery] javascript browser language example / 자바스크립트 브라우저 언어 설정값 확인 방법 javascript 에서 현재 접속자의 브라우저 언어 설정값을 확인해야 하는 경우에는 navigator 객체의 language 를 사용하시면 됩니다. 기본 사용법은 아래와 같습니다! navigator.language 위 내용을 console.log 를 이용하여 출력해보면 결과는 아래와 같이 나오게 됩니다! ko-KR 참고들 하세요!

[javascript/jquery] javascript geolocation example / 자바스크립트 geolocation 사용법 javascript 에서 현재 좌표를 확인해야 하는 경우가 있습니다. 그럴때는 navigator 객체의 geolocation 을 사용하시면 됩니다! navigator.geolocation 사용법은 위처럼 간단하구요! navigator.geolocation 를 사용하면 사용자의 위치를 찾는데 사용되는 geolocation 객체가 반환됩니다! 참고들 하세요!

[javascript/jquery] javascript browser name example / 자바스크립트 브라우저명 확인 방법 javascript 에서 현재 사용중인 브라우저의 이름을 확인해야 하는 경우가 있습니다. 그럴때는 navigator 객체의 appName 를 사용하시면 됩니다. console.log(navigator.appName); 위처럼 console.log 를 사용하여 navigator.appName 을 출력하면 결과는 아래와 같이 나오게 됩니다! Netscape 참고들 하세요!

[javascript/jquery] javascript eval example / 자바스크립트 eval 사용법 ' javascript 에서 특정 변수에 식이 담겨있을때 그 식을 출력하는것이 아닌 식의 계산결과를 출력하고자 하는 경우가 있습니다. 그럴때는 내장함수인 eval 을 사용하시면 됩니다! var str = "2+2"; 위와같이 2+2 라는 식이 담긴 변수 str 이 있다고 가정하고 식의 계산 결과를 출력하고 싶으면, 아래와 같이 eval 을 사용하여 str 을 출력하시면 됩니다. console.log(eval(str)); 결과는 2+2 인 4가 출력됩니다! 4 참고들 하세요!

[javascript/jquery] jquery get class count example / jquery 특정 클래스 요소 갯수 확인하는 방법 jquery 에서 특정 클래스로 선언되어 있는 개체의 수를 확인하고 싶을때가 있습니다. 즉, input 이나 특정 태그의 갯수를 확인하는데 자주 사용되고는 합니다! 엄청 많이 쓰이는대도 매번 헤깔려서 공유차 올려봅니다! $('.test').length 위 내용 보시면 아시겠지만, 클래스명이 test 로 되어 있는 개체들의 수를 구하는 내용입니다! 위 내용을 console.log 나 alert 로 출력해보시면 바로 확인하실 수 있습니다! 예를들어서 이렇게 3개의 input 이 있다고 가정하고 $('.test').length 이걸 출력해보면 클래스가 test 로 되..

[javascript/jquery] jquery ui site link / jquery ui 참고 사이트 [링크] jquery 를 사용하다보면 드래그나 리사이즈 같은 이벤트를 사용해야 하는 경우가 있습니다. 그럴때는 아래 jquery ui 사이트에 가시면 도움이 되실만한 내용들과 샘플 코드들이 있습니다! 소스보시고 환경에 맞게 수정하시면 대부분 이상없이 정상동작합니다! 사이트 링크 첨부할테니 개발하실때 도움들 되셨으면 좋겠네요! 저도 수시로 저장해놓고 방문하고 있습니다! 참고들하세요! jquery ui 사이트 링크 : https://jqueryui.com/hide/ Hide | jQuery UI Hide Hide elements using custom effects. Click the button abo..

[javascript/jquery] jquery document.ready example / jquery document ready 예제 jquery 에서 페이지가 준비된 후, 즉 로드가 완료된 후 스크립트를 실행시켜야하는 경우가 있습니다. 그럴때는 아래처럼 document.ready 를 사용하시면 됩니다. $( document ).ready(function() { // todo }); 위 내용 보시면 아시겠지만, // todo 부분에 원하는 스크립트 로직을 작성하시면 해당페이지가 로드된 후에 동작하게 됩니다! 참고들 하세요!