JQuery
방향키 누를 시 값 출력
HTML s JQuery 익명 함수를 사용하기에는 키를 누르는 각각의 경우를 생각해야 하므로 함수의 이름을 붙여서 사용. 지금의 경우에는 한 곳이지만 여러 곳에서 사용할 수도 있기 때문 $(document).ready(function(){ $(document).on("keydown",keyEventFnc) //key가 눌려지면, keyEventFnc 함수를 실행하겠다. function keyEventFnc(e){//e, event - 발생한 이벤트 객체정보가 넘어온다. //e.keyCode - 이벤트 객체 내부의 키코드 값 switch(e.keyCode){ case 37: //LEFT $("#user-id").val("LEFT"); break; case 38: //TOP $("#user-id").val(..
Button Color Change
버튼 클릭 시 색깔 변화를 간단하게 구현 class관련 메서드를 사용해 구현. HTML body> 클릭 JQuery let result=''; function myFunc(){ result=$("#my-btn").hasClass('play') if(result===true){ $("#my-btn").removeClass('play'); $("#my-btn").addClass('pause'); $("#my-btn").attr('src','./images/pause.jpg'); }else if(result===false){ $("#my-btn").removeClass('pause'); $("#my-btn").addClass('play'); $("#my-btn").attr('src','./images/play..
Basic
JQuery는 현재 사용 비율이 많이 줄어들긴 하지만 개인적인 생각으로 순수 JS로 구현을 못하지는 않지만 조금 힘든 부분에서 사용이 용이하다고 생각함. JS에서 getElementById를 통해 속성 선택자에 접근하고 그 선택한 속성 요소에 접근할 때 querySelector를 사용해서 접근이 방식을 제이쿼리를 사용하면 쉽게 접근할 수 있음. 즉, 페이지 내부 요소에 접근하기 쉽다는 장점이 있다. 스프링 부트를 하면서 느낀 것이 js로 ajax 작성하는 것보다 JQuery를 사용하게 되면 조금 더 편하다고 생각. 간단히 몇 가지만 적어보겠다. function myFunc(){ getElementsByClassName $(".wrap").css("backgroundColor","red").css("wid..
Password change
Password 한글 -> ****** 변경 타 웹사이트들을 들어가 보면 비밀번호 변경창 옆에 숨기기 표시로 클릭 시 *가 나오고 다시 누르면 사용자가 입력한 password를 표시하는 내용이 있다. ex) 비밀번호 입력란에 aaaaaa를 입력하고 숨기기를 누르면 ******로 바뀜. HTML JQuery