jQuery4 [Spring Boot] webjars 사용하기 (bootstrap 의존성 추가) 예전에 프로젝트를 진행할 때는 bootstrap파일을 다운받아 사용하는 방식으로 프로젝트를 진행하였다.그런데 이 경우 배포할 때 해당 정적 파일도 함께 배포해야 했다. 반면 webjars를 사용하면 jar를 배포하는 것으로 해당 파일에 접근할 수 있게 된다.또한 webjars는 maven이나 gradle을 통해 의존성을 관리할 수 있다는 장점이 있다.그럼 직접 적용해보자.의존성 추가 (pom.xml) org.webjars bootstrap 5.1.3 org.webjars jquery 3.6.0 스프링부트는 정정 콘텐츠의 버전은 관리하지 않으므로 버전 정보도 입력해줘야 한다.css 적용파일 경로는 외부라이브러리 경로에서 찾자!/resources/webjars/boo.. 2024. 4. 30. [jQuery] 변수앞에 달러를 붙이는 이유 jqeury 를 사용해서 받은 것을 변수에 넣었다는것을 표시하기위해서 $을 붙이는 이유는 jquery 객체라는 의미 2023. 3. 10. [jQuery] $.fn.extend({ }) vs $.extend({ }) 비교하기 객체 형식 ▶ { , } $.fn.extend({ })메서드 확장 정의jQuery 를 확장 즉 커스터마이징jQuery 의 기본 함수에 추가하는 내가 쓰고자 하는 함수를 넣어서 확장.fn -> 아직 정해지지 않은 자바스크립트에서 지원하는 오브젝트 전체를 뜻하는 가명 .fn 으로 생성된 메소드는 아무나 이용하고 접근할 수 있는 메소드가 된다.jquery prototype(원본의) property 확장.$.fn.extend() 의 경우 jquery prototype의 prototype을 확장한다는 의미로 $.fn.extend({ method1 : function(){} })와 같이 선언한다.다른 jquery method들 처럼 $("div").method1(); 로 호출.. 2023. 3. 10. [JQuery] 이벤트 처리 방법(event binding) jQuery를 사용할 때 이벤트 처리는 아주 빈번하게 사용하는 기능 가운데 하나입니다. 이 글에서는 jQuery 내부에서 이벤트를 어떻게 처리하는지 설명합니다.먼저 jQuery에서 사용할 수 있는 다양한 이벤트 처리 방법을 살펴보고, jQuery의 이벤트 객체와 구조를 살펴보겠습니다. 마지막으로 이벤트를 처리하는 각 단계에서 실제 어떤 흐름을 거쳐 이벤트를 처리하는지 확인하겠습니다.이 글에서 설명하는 내용은 jQuery 2.2.0을 기준으로 작성했습니다.jQuery의 다양한 이벤트 처리 방법일반적으로 이벤트 하나에 이벤트 핸들러 하나를 등록해 이벤트를 처리한다. 그러나 jQuery에서는 같은 이벤트를 여러 번 처리하거나 같은 이벤트 핸들러를 여러 이벤트에 등록해 이벤트를 처리할 수 있다.네임스페이스의 사.. 2023. 3. 10. 이전 1 다음 728x90 반응형
