개발자의 끄적끄적

[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..

[javascript/jquery] javascript text strike example / 자바스크립트 글자 strike 표시 방법 javascript 에서 문자열을 다루다 보면 특정상황에 따라서는 srtike 표시 즉, 글자를 사용못한다는 의미와 같은 걸로 글자 중간에 줄을 그은 표시를 해야하는 경우가 있습니다. 그럴때는 아래와 같이 하시면 됩니다. 우선 아래와 같이 abcde 라는 문자열을 가지는 str 이라는 변수가 있다고 가정하고, var str = "abcde"; 스트라이크 표시, 즉 글자중간에 한줄을 그은 표시를 하고싶으면 아래와 같이 str.strike 를 사용하시면 됩니다! str.strike(); 참고들 하세요!