sterny sterny

* step13-prop.html 메일체크 체크하기를 누르면 자동으로 체크가 된다 * checkBtn2 id 버튼 클릭하면 mailing id checkbox 의 체크가 해제되게 이벤트 핸들링 // checkBtn2 id 버튼 클릭하면 mailing id checkbox 의 체크가 해제되게 이벤트 핸들링 $("#checkBtn2").click(function(){ $("#mailing").prop("checked", false); }); * 체크 여부를 alert으로 띄어준다 $("#checkBtn3").click(function(){ alert($("#mailing").prop("checked")); }); ^ 체크가 안 되어 있고 체크상태확인을 누르면 false가 뜬다 메일체크 * step14-pro..

step10-mouse-enter.html 마우스를 올려보세요 * intoSpan id span 영역에 마우스가 진입하면 friendImg id 의 이미지를 보여준다 마우스 올리면 사진 나오고 안 올리면 사진 없어짐 마우스를 올려보세요 step11-table-hover.html ID NAME ADDR java 아이유 하와이 jquery 김태리 울릉도 ajax 강하늘 백령도 마우스를 올리면 자세한 정보가 나오게 해본다 td를 클릭하면 자신의 text를 alert으로 출력 각 구역 클릭시 alert으로 클릭한 게 text로 나온다 membody id tbody 하위의 td에 마우스가 진입되면 해당 td 색상이 yellow로 변경되고 id memInfo span 영역에 td의 text 정보가 보이게 한다 마우..

step09-form.html 아이디 -- sk kt lg 남 여 노래 코딩 독서 전송 버튼을 눌렀을 때 이벤트가 동작되도록 한다 Form id 가 testForm 이다 id가 testForm 인 Form의 submit 이 눌러졌을 때 이벤트 핸들링 (행위를 등록) 전송 누르면 alert이 뜨며, 확인 누르면 넘어가고 취소 누르면 안 넘어감 이 때 아이디에 입력한 것이 alert 내용으로 뜨게 하려면 아이디의 id 로 제어를 해본다 userId text 입력양식에 접근해 입력값을 alert으로 출력해본다 alert($("#userId").val()); 추가해준다 아이디에 입력한 내용이 alert으로 뜨게 된다 $("#userId").val("").focus(); // 공백 걸고 . 으로 chaining으..

복습 1 구현체인 Log4j, Logback 2 AOP AOP -> Aspect -> Core -> Cross-cutting ( -> AOP 모듈 ) AOP 실현 방법 1. advice공통기능 적용시점: 타겟의 실행 전에 할 것이나 실행 후에 할 것이냐 - before advice, after advice 2. pointcut 적용 대상 Proxy Design Pattern IOC/DI 를 적용하지 않는 객체가 AOP 적용은 될까? - 불가능하다 AOP 동작 원리는? 실제 사용하는 측에서는 구현체 객체라고 생각하겠지만, 컨테이너에서는 proxy를 만들어서 사용하는 측으로 주입해주는 것임. - 외부에서 보면 동일한 인터페이스를 가지고 있기 떄문에 사용자는 프록시인지 구현체인지 모른다 - 따라서 스프링 컨테..

jquery-study2 step08-toggle.html 정보 더보기 본명 이지은(李知恩)[1] 출생 1993년 5월 16일, 서울특별시 성동구 송정동[2] / 24세 국적 대한민국파일:대한민국 국기.png 본관 전주 이씨[3] 신체 161.7cm, 44kg[4][5], A형 가족 부모님, 남동생 정보 더보기와 접기가 번갈아 가면서 표현된다 detailInfo의 정보가 보이는 상태이면 접기가 표현되고 detailInfo의 정보가 보이지 않는 상태이면 정보 더보기가 표현된다 toggleSpan 을 클릭하면 아래 detailInfo가 보이는 상태와 보이지 않는 상태로 번갈아 가면서 수행한다 슬라이스 토글을 이용해본다 누르면 1 나옴 * 슬라이드 토글 적용 $(document).ready(function()..

step05.html 치킨 피자 콜라 소주 맥주 와인 하와이 제주도 훗카이도 아이유 강하늘 * 공통적인 food 라는 키워드를 이용해서 이벤트 핸들링 해보기 food 클래스가 치킨 피자 콜라 food b 가 소주 맥주 와인 food를 클릭을 했을때 span id = result 영역에 text를 할당을 하는데, 현재 이벤트가 발생한 li의 text를 할당한다는 뜻임 $("#result").text($(this).text()); 따라서 콜라를 누르면 콜라가 나오고, 피자를 누르면 피자가 나온다 student 와 teacher 처럼 여러 클래스들을 선택할 때에는 .클래스명,.클래스명으로 선택한다 $(".student,.teacher").click(function(){ alert($(this).text());..

* 복습 1 AOP 적용 후 : 별도의 AOP 모듈에 advice, pointcout 적용할때의 이점 - 반복적으로 중복되는 작업 최소화 => 생산성 증대 - 응집도 높아지고 결합도 낮아짐 - AOP 적용시 해당 모듈만 수정하면 되니 결합도가 낮아지는 것임 => 객체지향의 궁극적 목적이 응집도 높이고 결합도 낮추는 것인데, 스프링도 관점 지향 프로그래밍으로서 응집도를 높이고 결합도를 낮추기 위해 AOP를 사용한다 2 AOP 동작 원리 -> Proxy: 대리인 Design Pattern * AOP 지원환경 IOC/DI * spring09-AOP-Logging-ex - AOP 동작원리 : Proxy Design Pattern Porxy 대리인을 의미, 대신해서 역할을 수행 ( cross cutting con..

IOC -Inversion of Control - 제어의 역행, 제어의 반전, 역제어 - 소프트웨어 디자인 패턴 : 컴포넌트를 구성하는 인스턴스 생성과 의존관계 연결처리를 IOC Container에 위임 IOC Container - Singleton 방식으로 Bean을 생성하여 운영 - 단, 모든 객체 생성을 담당하는 것이 아닌 주축이 되는 component성 객체 생성을 담당 - Singleton Design Pattern : 시스템 상에서 단 하나의 인스턴스만 생성하여 공유, 사용하고자 하는 설계 패턴 DI : Dependency Injection - 의존성 주입 - 필요로 하는 의존성 (Component or bean... )이 주입(injection)을 통해 확보된다 -IOC를 DI 기법을 통해 ..