개발자의 끄적끄적

[javascript/jquery] jquery slide effect example / jquery 슬라이드 효과 처리방법 jquery 에서 특정 요소에 추가되는 이펙트들 중에서 위로 올라가면서 사라지게 한다거나, 아래로 내려오면서 사라지게 하는 경우가 있습니다. 그럴때는 slideUp 과 slideDown 을 사용하시면 됩니다. test_div 라는 태그가 아래와 같이 있다고 가정하고, test 특정 이벤트 발생시 위로 올라가면서 사라지게 하고싶으면 아래와 같이 slideUp을 $("#test_div").slideUp(); 아래로 내려오면서 사라지게 하고싶으면 아래와 같이 slideDown 을 사용하시면 됩니다! $("#test_div").slideDown(); 참고들 하세요!

[javascript/jquery] jquery tag position example / jquery 태그 위치 구하는 방법 jquery 에서 특정 요소의 위치를 구해야 하는 경우가 있습니다. 팝업이나 버튼 등의 위치를 구하곤 할때 자주 사용되는데요, 그럴때는 아래나와있는 내용과 같이 offset 을 사용하시면 됩니다. 아래와 같은 div 태그가 있다고 가정하고, test 위 태그의 위치를 구하고 싶으면 아래와 같이 offset 를 사용하여 position 이라는 변수에 저장합니다. var position = $("#di_div").offset(); 그리고 왼쪽으로부터의 위치와 위로부터의 위치를 각각 left / top 를 사용하여 변수에 저장합니다. var left = position.left; var..

[javascript/jquery] jquery tag height example / jquery 태그 높이 구하는 방법 jquery 에서 특정 태그의 크기중에서 높이값을 구해야 되는 경우에는 아래와 같이 height 를 사용하시면 됩니다. 아래와 같은 태그가 있다고 가정하고, test 위 태그의 높이값을 구하고 싶으면 아래와 같이 height 를 사용하시면 됩니다! $("#id_div").height(); 참고들 하세요!

[javascript/jquery] jquery tag width example / jquery 태그 너비 구하는 방법 jquery 를 사용하다보면 특정 태그의 크기를 구해야 하는 경우가 종종 있습니다. 그중에서 특정 태그의 너비값을 구하는 방법입니다. 우선 아래와 같이 id가 id_div 라는 div 태그가 있다고 가정하고, test 위 태그의 너비를 구하려면 아래와 같이 .width 를 사용하시면 됩니다! $("#id_div").width(); 참고들 하세요~!

[javascript/jquery] jquery resize example / jquery 리사이즈 이벤트 체크 방법 jquery 에서 많은 이벤트를 사용합니다. 그중에서 화면 사이즈 변환 이벤트를 수신하려면 아래 나와있는 resize 를 사용하시면 됩니다. $( window ).resize(function() { // to do }); 위 내용을 화면 사이즈 변환을 체크할 페이지에 스크립트로 추가하신후 함수안에 로직을 작성하시면 됩니다. 그러면 브라우저 사이즈 변화가 일어날때마다 해당 함수가 호출되게 됩니다! 참고들 하세요!

[javascript/jquery] ajax 404 error example / ajax 404 에러 체크 방법 ajax 를 사용하여 서버와 데이터를 주고받다보면 http code 를 체크하여 상황에 맞게 로직을 구성해야 하는 경우가 있습니다. 그중에서 404 에러를 처리하는 방법을 공유하고자 합니다. $.ajax({ statusCode: { 404: function() { //to do } } }); 위 내용을 보시면 아시겠지만, ststuaCode 를 사용하여 404 에러를 감지하는 내용입니다! 참고들 하세요!

[javascript/jquery] javascript string includes example / 자바스크립트 문자열 포함여부 체크 방법 javascript 에서 특정문자열에 내가 찾는 문자 혹은 문자열이 포함되어 있는지 확인을 해야하는 경우에는 아래 나와있는 내용처럼 includes 를 이용하시면 됩니다! 예를들어서 abcde 라는 문자열로 이루어진 변수 str 이 있다고 가정하고, var str = "abcde"; 위 문자열에 a 라는 문자가 포함되어 있는지 확인하고 싶을 경우에는 아래와 같이 사용하시면 됩니다. var result = str.includes("a"); 결과는 포함되어 있으면 true 포함되어 있지 않으면 false 가 반환됩니다. console.log(result); // tru..

[javascript/jquery] javascript text unstrike example / 자바스크립트 글자 unstrike 처리 방법 javascript 에서 특정 문자에 strike 를 적용하는것을 사용하다보면, 반대로 strike 를 제거하고 싶을때가 있습니다. strike 함수는 제공되지만, unstrike 함수는 딱히 없는거 같습니다! 그럴때는 아래처럼, unstrike 를 정규식을 이용해서 만들어 주면 됩니다! 우선 아래 보이시는것 처럼 strike 가 적용되어 있는 abcde 라는 문자열이 있다고 가정하고, var str = "abcde"; 아래와 같이 정규식을 이용해서 함수를 만들어서 대입해보면 function unstrike(text) { return unstrike.replace..