madori4 madori4

Express에서 jQuery 사용할 수 있는 방법은 두가지이다 1) Static 폴더에 jquery 넣고 사용한다. 스프링과 같은 방법으로 static 등 폴더에 넣고 경로 지정해 사용한다. 2) npm으로 설치한다. 따로 jQuery 파일 가지고 있을 필요 없이 명령어만으로 설치 가능해 편리한 장점이 있다.npm 명령어 통해 jquery 설치 path 모듈 추가해 static 경로 지정할 때 추가한다. path 모듈의 join 메소드를 사용해야 하기 때문.node_modules 폴더에 모듈들이 설치되어 있음 확인할 수 있다.다음과 같이 경로 지정해주면jQuery 사용할 수 있다.

앞서 포스팅한 클릭 이벤트 제어와 마찬가지로 마우스와 키보드의 동작에 대해 학습법 포스팅. 코드 작성법은 거의 유사하기 때문에 사용 빈도 높은 이벤트와 동작 방법에 대해 알아보자. 1. http://jquery.com 접속 2. API Documentation 클릭3. 마우스 내리면 이벤트에 대한 문서들 나온다. Mouse Events 클릭4. .mouseenter() 클릭샘플 코드 맨 아래에 데모창에 마우스를 움직이면 동작법의 차이에 대해 파악할 수 있다. mouseover / mouseout : 해당 공간 내에서 움직여도 숫자가 증가됨. 이벤트 인식이 중복된다. mouseenter / mouseleave : 해당 공간에 한번 들어가면 나올때까지 한번만 인식됨. 이벤트 인식을 정확히 한다. mouseo..

jQuery는 JavaScript Query의 약어로 자바스크립트 라이브러리이다. 자바스크립트만으로 작성하기 복잡한 기능들에 대해 함수로 구현해 둔 것이다. 특정 태그의 값을 읽어오기 위해 자바스크립트에서 사용했던 번거로운 절차를 줄여준다는 말이다. 자바스크립트에서는 문서의 모든 태그들을 객체화 해 브라우저에 DOM(Document Object Model) 형태로 저장한다. 다음과 같이 문서를 DOM 형태로 변환하는 작업을 렌더링이라 한다. 이를 통해 각각의 태그들을 객체화 해 이들에 하나하나 접근하고 제어할 수 있다. 객체화 된 태그들을 자바스크립트에서는 Element라 칭한다. 예를 들어 h1 태그의 Text 값을 읽어오고 싶다면 var h1 = document.getElementByTagName("..