waitedForU

1. Semantic Elements(의미가 있는 태그/요소) - Semantic = Meaning. - Semantic elements = Elements with meaning. - non-semantic elements: and = 불분명한 내용 정의 - semantic elements: , , and = 분명한 내용 정의 - , , or 를대신 하는 Semantic 요소 1) 섹션은 제목을 포함하고 있는 분류 내용의 주제이다. >>>>>> section.html html5를 쓸때 선언하는것 WWF The World Wide Fund for Nature (WWF) is an international organization working on issues regarding the conservatio..

1. HTML5 소개 1) HTML5의 특징 - HTML5는 HTML의 최신 표준. - HTML5는 HTML 4, XHTML 및 HTML DOM 레벨 2등 모두를 대체하기 위하여 설계됨 - 특별히 추가 플러그인이 필요없이 다양한 콘텐츠를 제공 할 수 있도록 설계됨 - 애니메이션에서 그래픽, 영화, 음악, 또한 복잡한 웹 응용 프로그램을 구축하는 데 사용할 수있는 모든 것을 제공함 - HTML5는 크로스 플랫폼이므로, PC 나 태블릿, 스마트 폰, 또는 스마트 TV를 사용해도 똑같이 작동하도록 설계됨 - HTML5는 로 시작함 2) HTML5의 새로운 태그 - semantic elements (의미있는 요소) : My First Heading My first paragraph. My First Hero

[01] jQuery 이벤트 1. 이벤트가 발생한 태그 얻기 - $(function(){........}) : 아래 명령어의 생략형 $(document).ready(function()(......) : 웹 페이지를 모두 읽어드리고, 준비가 되었다면 처리하시오 라는 뜻 - eq 필터: 특정 태그안의 지정한 순서의 태그를 취득하는 셀렉터 - function() 안의 return false사용이유 : a 태그의 click 이벤트가 발생하면 jquery명령이 실행되고 href속성에 연결된 url을 열어버림. 이문제를 해결하기 위해 사용. >>>>>>> event01.html 꽃바다해파리건물 2. 클릭할 때마다 다른 처리하는 toggle() - function(){.....}를 ,(콤마)로 구분하여 여러가지 설정..

1. jQuery 명령어 1) 텍스트 변경과 가져오기 - text(...)/text() >>>> jquery_01.html 변경전변경전 2) HTML 변경과 취득 - html(...)/html() >>>> jquery_02.html 변경전 변경전 3) HTML 삽입 - prepend(...)/append(...) : 태그 안의 맨앞/맨뒤에 HTML을 삽입함before(...)/after(...) : 태그 앞/뒤에 HTML을 삽입함 >>>> jquery_03.html 텍스트 텍스트 텍스트 텍스트 4) HTML 이동 - prependTo(...)/appendTo(...) : 다른 태그 안의 맨앞/맨뒤로 이동 insertBefore(...)/insertAfter(...) : 다른 태그의 앞/뒤로 이동 >>>>..

1. jQuery 필터 1) first/last 필터 - $("태그:first/last") : 지정된 태그의 첫태그/마지막 태그 >>>> jfilter_01.html 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 2) even/odd 필터 - $("태그:even/odd") : 지정된 태그의 짝수/홀수 번째 태그 >>>> jfilter_02.html 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 3) eq/gt/lt 필터 - $("태그명:eq(번호)") : 지정된 번호의 태그(0부터 시작) $("태그명:gt(번호)"..

1. Selector - CSS 속성 1) [attribute] - $("[속성명]") : 특정 속성을 가진 태그 >>>> attr_01.html 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 2) [attribute='value'] - $("[속성명='값']") : 특정 속성이 지정한 값을 가진 태그 >>>> attr_02.html 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 3) [attribute!='value'] - $("태그명[속성명!='값']") : 특정 속성이 지정한 값을 갖지 않은 태그 >>>> a..

1. CSS3 Selector 1) 간접 selector - $("태그1~태그2") : 특정 태그 뒤에 나타나는 태그 >>>> css3_01.html 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 2) 부정유사 클래스(Negation pseudo-class) - $("태그1:not(태그2)") : 태그1 안에서 태그2를 제외한 태그 >>>> css3_02.html 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 텍스트 3) empty 유사 클래스 - $("태그:empty") : 자식태그 혹은 문자열을 포함하지 않는 태그 >..

1. Javascript 라이브러리, jQuery 1) 장점 - jQuery는 JavaScript Library 입니다. - jQuery는 상당히 단순한 JavaScript programming 입니다. 또한 간결하게 코딩하고 많은 일을 해주는 JavaScript Library 입니다. - Google Trends의 분석중 Prototype.js, Mootools 보다 압도적으로 인기가 높습니다. - CSS의 selecter를 사용하고 있어서 습득하기 쉬우며, 브러우저의 다양성을 처리해 줌으로 호환성 처리에 시간을 소비할 필요가 없습니다. - 복잡한 Javascript의 구현시 DOM 문법을 매우 간결하게 해주어 개발 속도를 향상 할 수 있습니다. - jQuery의 기능을 확장할 수 있는 plugin 구..

1. DBOpen,DBClose,Constant utility 패키지에 가져오기 WEB-INF/lib 폴더에 ojdbc6.jar 파일가져오기 2. Java Test >>>>> JDBC_Test.java package utility; import java.sql.Connection;import java.sql.PreparedStatement;import java.sql.ResultSet; /** * JAVA Client Test */public class JDBC_Test { public static void main(String[] args) { Connection con = DBOpen.getConnection(); PreparedStatement pstmt = null; ResultSet rs = n..

1. XMLHttpRequest 모듈 - Parameter상에 한글이 들어가면 손상됨으로 문자열을 "UTF-8"로 인코딩해주는 encodeURIComponent()함수를 사용 합니다. >>>>> WebContent/basic/httpRequest.js //XMLHttpRequest 객체var httpRequest = null; // url: 요청 주소 // params: 서버로 보내는 값의 목록// response_function_name: 응답 결과를 처리할 함수 // method: GET, POST인지 결정function sendRequest(url, params, response_function_name, method) { if (window.XMLHttpRequest) {// code for mo..