728x90
반응형

전체 글 230

[KH 정보교육원 당산] jQuery - 실습4

jQuery - 서서히 보이기 show( ) 및 숨기기 hide( ) CSS 더보기 #my .hover { cursor: pointer; background-color: Yellow; } HTML 안녕하세요. 여기는 본문입니다. more... 또 만나요 jQuery - 서서히 보이기 fadeIn( ) 및 숨기기 fadeOut( ) CSS 더보기 #my .hover { cursor: pointer; background-color: Yellow; } HTML 첫번째 영역 두번째 영역 jQuery - 여러가지 효과 동시 처리 animate( ) CSS 더보기 #my .hover { cursor: pointer; background-color: Yellow; } HTML 안녕하세요. 여기는 본문입니다. more..

[KH 정보교육원 당산] 60일차(jQuery - 실습3)

jQuery - HTML 속성을 다루는 함수 attr() $(document).ready(function() { //attr() : html 요소의 속성을 다루는 함수 //attr('속성명') : 속성값을 추출(get) //attr('속성명','속성값') : 해당 요소에 속성을 설정(set) //alert($('a').attr('href')); $('#logo').mouseover(function(){ $(this).attr('src','icon_home.gif'); }); $('#copy').mouseover(function(){ $(this).attr('src','ico_go_up_s.gif'); }); $('#copy').mouseout(function(){ $(this).attr('src','ic..

[KH정보교육원 당산] jQuery - 실습 2

jQuery - click 이벤트 CSS 더보기 .redColor{ color:Red } HTML 네이버 구글 다음 각각의 단어를 클릭하면 해당 페이지로 이동 id값이 mainMenu 인 태그 안에 클래스명이 redColor인 태그를 찾아서 클릭 이벤트를 부여한다. 이때 클릭된 태그의 id값에 따라 경로 이동!! ** window.open(); -> 현재 페이지에서 이동하는것이 아니고 새로운 창을 띄운다. jQuery - 조건에 맞는 요소 가져오기 (filter()) CSS 더보기 .redBorder { border:solid 1px red; } .five { border-width:5px; } HTML filter()함수를 하나만 사용할 경우에는 end()를 사용할 필요가 없지만 filter()를 2개..

[KH정보교육원 당산] 57일차 ( jQuery - 실습 1)

jQuery => HTML5 문서 내에서 스크립트 언어를 단순화 하여 사용가능 하도록 설계된 경량 프레임워크(자바스크립트로 만들어짐) jQuery : 모바일 버전과 PC버전이 다르다. ex) 모바일 : jQuery-1.6.2.min.js PC : jQuery-1.6.2.js 상단에( 안에) 추가 ** 1.6.2 수업에 사용된 버전!! 사용법) $(document).ready(function() { // 페이지가 준비되었을 때 //내부에 코딩 //일반 자바스크립트 //jQeury 함수 등등 다 사용가능 //새로만든 함수 호출 test(); //내부에서도 함수 선언 가능 function msg(){ } msg(); }); //jQery에 내가 필요한 함수가 없을경우 //바깥쪽에다가 새로운 함수 선언 func..

[KH정보교육원 당산] 55일차(MVC예제 : 게시판 완성)

전에 했던 예제의 연속이다. index.jsp 프로젝트를 실행하게 되면 웰컴페이지(index.jsp) 실행 제목을 클릭하면 조회수 증가와 함께 게시글 상세보기 이때의 글의 제목 부분 a태그로 감싸져있다. BoardServlet으로 command라는 파라미터명에 board_view와 num값을 전달 하게 된다. ${board.title } BoardServlet에서는 다시 ActionFactory.java으로 board_view가 있는지 확인하고 있다면 객세를 생성하여 리턴 ActionFactory.java에서 getAction메소드에 값을 추가해준다. else if(command.equals("board_view")) { action = new BoardViewAction(); } BoardViewAct..

[KH정보교육원 당산] 53일차 ( model2 - MVC 예제: 게시판 리스트 /글 등록 )

기존 해왔던 방식) JSP, Servlet, DTO, DAO => 사용자 화면, 내부처리(데이터베이스) 역할을 분리 JSP요청 => Servlet, list.jsp => 요청 목록 => ListServlet 요청 오늘부터는 중간에 Action페이지를 두어 서블릿으로 내용을 보낼것이다. JSP => 요청 => Servlet => 요청 내용 => Action페이지에서 처리 ** 목록 / 삭제 / 수정 / 추가 / 비밀번호 => List / Delete / Update / Insert / Check => 해당 Action페이지에서 처리 사용된 패키지 구조이다. Action.java 인터페이스를 먼저 작성한 후 action패키지의 모든 자바 파일에 구현!! 데이터 베이스 연결은 DBManager.java에서 하..

[KH정보교육원 당산] 연습문제6 (UI)

1.아래의 주소를 이용하여 구글 폰트 사용하는 방법을 적으시오,( 임포트 후 font-family로 적용 2.웹 폰트를 사용하려고 한다. 그 방법을 적으시오. ( 4.유밥 회사소개 도서 자료실 질문답변 동영상강의 가로 출력 방법 => 5.스타일 선언 및 사용하는 4가지 방법을 적으시오. => 1.Internal Style(헤드태그안에) 2. Inline Style (요소 내부안에) 3.External Style(css파일을 따로 만들어서 사용) 4.import 6. 스타일 우선 순위와 그 변경 방법을 적으시오 =>인라인(inline) > 내부(internal) > 외부(external) > 브라우저기본값 강제 적용 : !important 선언 7. 태그와 태그의 특징과 주된 활용방법을 적으시오. => s..

728x90
반응형