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..

import pandas as pd 엑셀 파일은 해당 파이썬 파일 소스가 있는 폴더에 있어야 함! # excel 파일 읽어오기 df = pd.read_excel('student.xlsx') df index 지정해서 엑셀 불러오기 # 엑셀 파일 불러올 때 바로 index 지정 가능 df = pd.read_excel('student.xlsx', index_col='학번') df​ 데이터 선택(loc 활용) 이름을 이용하여 행과 열을 선택 # 특정한 index의(행) 모든 열 데이터 출력 #학번이 1번인 학생의 데이터 df.loc['1번'] # 특정 index의 해당 컬럼값 출력 df.loc['1번', ['국어점수']] # 학번이 1번, 2번인 학생의 국어, 영어점수 조회 df.loc[['1번', '2번'],..

여러가지 형식으로 interface 구현하여 람다 사용 예제 1. 매개변수 없는 경우 매개변수 자리는 ()로 명시, 실행 코드 1줄인 경우 중괄호 생략 가능 2.매개변수 1개인 경우 매개변수 자리 () 생략 가능 3.매개변수 2개인 경우 매개변수 () 명시하고 ,로 매개변수 나열 4.return 값 있는 경우코드에 return 명시했다면, 실행 코드 1줄인 경우라도 {} 생략 Xreturn 생략은 실행 결과 값이 남아 있는 경우에 가능ex) 4번 예제 true라는 결과값이 남음 package test1; import java.util.ArrayList; import java.util.List; import java.util.function.Consumer; //Functional Interface @Fu..

람다 / 기존 방식 비교 람다 사용 시 코드 간결화 package test1; public class OuterClass { int age; class MemberInner{} //member(Inner)Class (OuterClass 안에 있는 멤버 클래스) public void aaa(){ //메소드 안에서도 클래스 생성 가능(로컬 클래스) class LocalClass{} //local(inner)class } public void runPrint(){ //기존 방식 //클래스에 대한 객체를 생성해서 메소드 호출 MyPrint p = new MyPrint(); p.print("java"); //익명 클래스를 사용해서 메소드 호출 //Printable p1 = new Printable(); 인터페이스..