event? js나 jquery에서 이벤트는 브라우저에서 일어나는 사건(클릭, 마우스 이동, 타이핑, 페이지 로딩 등) jQuery의 event 크로스브라우징의 문제 해결 - on으로 이벤트 핸들러 설치 on : 현재 존재하지 않는 엘리먼트에 이벤트 설치 O > 동적 이벤트 O click me 클릭 시 이벤트 발생 > alert 창 뜸 - trigger로 이벤트 핸들러를 강제 실행 trigger 클릭 시 전달된 래퍼에 설치된 이벤트 호출하여 이벤트 발생 - off로 event 제거 off 버튼 클릭 시 click me에 설치된 event 제거 됨 trigger 버튼은 click me에 설치된 이벤트 호출하기 때문에 이벤트가 제거되어서 클릭 시 아무 동작 안 하게 됨. - click, ready와 같은 다..

Chain? jQuery의 메소드들은 반환값으로 자기 자신을 반환해야 한다는 규칙을 가지고 있다. 이를 이용하면 한번 선택한 대상에 대해서 연속적인 제어가 가능. 장점 : 코드가 간결 인간의 언어와 유사해서 사고의 자연스러운 과정과 일치. ex) 아래 a 태그의 속성값을 변경하는 코딩 jQuery 1.jQuery를 이용 //href 속성값 변경 타겟 속성값 변경 jQuery('#tutorial').attr('href', 'http://jquery.org').attr('target', '_blank').css('color', 'red'); 래퍼의 context가 유지가 됨! jquery 메소드는 자신을 return 하기 때문에 (여러개의 서술어가 가능한 것과 같음) 2.js의 DOM 이용 var tutor..

api.jquery.com 참고 ! 기본 $('input').on('click', function() { $this = $(this); $('*').removeClass('selected'); //attr : 요소의 속성 switch ($this.attr('value')) { case '#jquery': //id 선택자 $('#jquery').addClass('selected'); break; case '.tutorial': //class 선택자 $('.tutorial').addClass('selected'); break; case 'li': //element 선택자 $('li').addClass('selected'); break; case '#jquery, #MYSQL': //다중 선택자 $('#jqu..

문법 : jQuery('엘리먼트 오브젝트' or 'CSS 스타일 선택자') 인자로 전달된 요소들에 jQuery의 기능성을 부가해서 반환 $와 jQuery(엘리먼트)는 같은 의미 $를 사용하는 다른 라이브러리들과의 충돌 때문에 아래처럼 사용 - 안전하게 래퍼 사용하는 방법 1.jQuery라는 이름으로 사용 //$ 대신 jQuery를 사용 jQuery('body').html('hello world'); 2. $를 함수의 지역변수로 선언해서 외부에 있을지 모르는 타 라이브러리의 $와의 충돌을 예방 (function($) { $('body').html('hello world'); })(jQuery) //함수를 선언함과 동시에 호출 $안에 jQuery가 전달돼서 안전하게 $ 사용 가능 - 제어 대상을 지정하는 방..

jquery? 자바스크립트의 라이브러리 엘리먼트를 선택하는 방법 선택된 엘리먼트들을 효율적으로 제어할 수 있는 다양한 수단 제공 문법 : $('제어대상').method1().method2(); //주어 .서술어 .서술어 . 으로 연결하여 여러개의 메소드 제어 가능 > chain 속성 welcome이라는 클래스명을 가진 요소를 선택하여 html 추가 및 css 제어

**시큐리티랑 css 나 js 등 같이 있으면 충돌남 Securityconfig에 설정하는 코드 작성해야 함. //css, js, img 등 충돌 안 나게 하는 코드 @Bean public WebSecurityCustomizer webSecurityCustomizer() { return (web) -> web.ignoring().requestMatchers("/js/**", "/css/**", "/img/**"); } 회원가입 시 비밀번호 암호화 설정. > 암호화 설정하려면 암호화 객체를 생성해야 함. SecurityConfig에 @Bean으로 객체 등록해주면 됨.(위치 상관 없음) //암호화 객체 생성 @Bean public PasswordEncoder getPasswordEncoder() { retu..