반응형 javascript9 Vue.js 소개 본 게시물은 ChatGPT 를 사용하여 작성하였습니다. Vue.js는 사용자 인터페이스(UI)를 구축하기 위한 자바스크립트 프레임워크입니다. 개발자가 쉽게 강력하고 동적인 웹 애플리케이션을 만들 수 있도록 설계되었으며, 간단하고 유연하며 직관적인 특징을 가지고 있습니다. 이 블로그 포스트에서는 Vue.js의 개요, 주요 기능 및 프론트엔드 웹 개발에 대한 장점을 소개합니다. Vue.js란 무엇인가요? Vue.js는 사용자 인터페이스를 구축하기 위한 프로그레시브 자바스크립트 프레임워크입니다. 2014년 Evan You에 의해 만들어졌으며, 간단함과 유연성으로 인해 프론트엔드 웹 개발자들 사이에서 인기를 얻고 있습니다. Vue.js는 반응형 프레임워크이므로 데이터가 변경될 때 UI가 자동으로 업데이트되어 개.. 2023. 3. 27. jQuery UI 를 이용한 Custum Alert, Confirm 크롬에서는 IE 와 다르게 alert 창이 브라우저창 내부에서 팝업이 된다. 그리고 그 사이즈와 위치를 조정할 수 없다. 그래서 찾아보고 알아보게 된 것을 정리한다. codeproject 에서 퍼온소스 인데 링크는 알게 되면 기재할 예정이다. "이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다." 2022. 9. 7. textarea 내용에 맞게 높이 조정하기 $("textarea").height( $("textarea")[0].scrollHeight ); * textarea 가 여러개일 경우 $("textarea").each(function(textarea) { $(this).height( $(this)[0].scrollHeight ); }); 참고 링크 : https://stackoverflow.com/questions/13085326/resize-text-area-to-fit-all-text-on-load-jquery "이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다." 2022. 8. 20. Javascript/JQuery 로 특정 값이 Select 옵션에 있는지 확인하기 var thevalue = 'foo'; var exists = 0 != $('#select-box option[value='+thevalue+']').length; 옵션이 javascript 로 설정된다면 다음 방법을 사용한다 var exists = false; $('#select-box option').each( function(){ if (this.value == 'bar') { exists = true; return false; } } ); #select-box 는 select tag 의 id 이다 출처 : stackoverflow "이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다." 2022. 7. 7. Javascript / JQuery 로 엘리먼트 값 체크하기 ■ Javascript 로 특정 Form 의 모든 엘리먼트들에 대해 값이 있는지 검사하기 var elements = document.getElementById("ds_form").elements; for (var i = 0, element; element = elements[i++];) { //if (element.type === "text" && element.value === ""){ if (element.value === "") { $("#errormsg").fadeIn().text("Error!").css("color", "red"); element.focus(); return false; } } ■ Javascript 로 특정 태그 이름의 모든 엘리먼트들에 대해 값이 있는지 검사하기 var el.. 2021. 1. 25. javascript / jQuery 로 텍스트 클립보드로 복사하기 $("button").click(function(){ $("textarea").select(); document.execCommand('copy'); }); Select 테스트 해보니 크롬, 익스플로어에서 모두 잘 된다 ㅎㅎ위의 소스는 textarea 의 텍스트를 클립보드로 복사하는 예제이다 출처 stackoverflow 2017. 7. 27. javascript/jQueyr 로 textarea 엔터 key event 처리 textarea 엔터키 이벤트 처리$("textarea#query").keyup(function(e) { e.preventDefault(); var code = e.keyCode ? e.keyCode : e.which; if (code == 13) // EnterKey { if (e.shiftKey === true) { // shift 키가 눌려진 상태에서는 new line 입력 } else { $('#my_form').submit(); } return false; } }); 2017. 7. 24. Javascript 에서 거짓으로 취급하는 값 거짓으로 취급하는 값다음과 같은 값은 거짓으로 평가됩니다:falseundefinednull0NaNthe empty string ("")조건문에 전달되었을 때 모든 개체를 포함하여 다른 모든 값은 참으로 평가합니다. 출처 : http://blog.netchk.net/?p=486출처 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Control_flow_and_error_handling#Utilizing_Error_objects 2017. 7. 21. Javascript 로 URL 주소 가져오기 자바스크립트로 URL 구하기현재 URL을 http://Godwithus.tistory.com/test/test.php?key=val#getURL 이라고 가정하겠습니다 location.href http://Godwithus.tistory.com/test/test.php?key=val#getURL location.hostname http://Godwithus.tistory.com location.pathname /test/test.php location.protocol http: location.search ?key=val location.hash #getURL location.hash.substr(1) getURL location.assing("http://www.loads_a_new_document.co.. 2016. 4. 21. 이전 1 다음 반응형
