jQuery (4) 썸네일형 리스트형 Javascript/jQuery) 마우스로 div 크기 조절하기 References https://m.blog.naver.com/PostView.naver?isHttpsRedirect=true&blogId=zgabriel&logNo=220393869160 React) React에서 jQuery $ 사용하기 1. jQuery 모듈 설치 $ npm install jquery --save 2. $ import 하기 import jQuery from "jquery"; window.$ = window.jQuery = jQuery; // or import $ from 'jquery' 이제 jquery를 임포트한 파일에서 $로 jquery 사용할 수 있다. 나의 경우 import $ from 'jquery' 를 추가해서 사용했다. Javascript/Jquery) jquery 선택자에서 변수 사용하기 var a = '예시'; $('#'+a)....; $() 내부에 '#' + 변수 Javascript/jquery) LocalStorage를 활용해서 input에 입력한 값 새로고침해도 유지하기 $('#input-form').append("예시 라벨 "); $('#예시아이디').val(getSavedValue('예시아이디')); 위 코드는 input-form 이라는 아이디 값을 가진 객체에 예시 라벨 이런 객체를 추가해주는 코드이다. 여기서 핵심은 onkeyup='saveValue(this); /* input에 입력된 값 로컬스토리지에 저장하기 */ function saveValue(e){ var id = e.id; var val = e.value; localStorage.setItem(id, val); } /* 로컬스토리지에 저장된 값으로 input 채우기 */ function getSavedValue(v){ if(!localStorage.getItem(v)){ // 사용자가 입력하지 않았다면.. 이전 1 다음