본문 바로가기

Web52

[jQuery] hover 이벤트를 적용한 성적 계산하기 예제 순번 이름 국어 영어 수학 총점 1 홍길동 90 80 90 2 일지매 95 70 95 3 성춘향 80 70 90 4 이몽룡 90 85 70 순번이름 국어영어수학총점 1홍길동908090 2일지매957095 3성춘향807090 4이몽룡908570 2019. 7. 11.
[Servlet] 정규식을 이용하여 로그인 구현하기 1. 로그인 창을 구현할 자바 클래스를 만들어 줍니다. 2. WebContent 폴더에 js폴더를 만들어 준 후 validation.js파일은 만들어줍니다. 만들어진 validation.js을 다음과 같이 작성합니다. String.prototype.validationID = function(){ // 영문 소문자로 시작하고, 영문 소문자와 숫자로 이루어진 아이디가 6~15글자인지 체크하는 정규식 return /^[a-z]+[a-z0-9]{5,14}$/.test(this); } String.prototype.validationPW = function(){ // 8~20글자의 영문 대소문자, 숫자, 특수문자이고 // 1개 이상의 특수문자 또는 숫자를 포함하는지 체크하는 정규식 return /^(?=.*[a-.. 2019. 7. 5.
[Servlet] Servlet으로 Hello World 페이지 만들기 2019/07/04 - [Servlet] - [Servlet] 로컬에 Apache Tomcat 7 세팅하기 [Servlet] 로컬에 Apache Tomcat 7 세팅하기 Servlet을 세팅하기 위해서는 우선 서버를 설치해야 합니다. 로컬 컴퓨터에 서버를 세팅하는 프로그램중 가장 많이 사용하는 아파치 톰캣을 사용해서 서버를 설치해보겠습니다. 아파치 톰캣을 사용하기 위해서는.. deveric.tistory.com 위 세팅이 완료되어야 Servlet Application 설정이 가능합니다! 1. Dynamic Web Project 만들기 Ctrl + n을 누른 후 Wizards에 'dina'를 입력하면 'Dynamic Web Project'가 검색됩니다. Next를 눌러 진행해줍시다. Target runti.. 2019. 7. 4.
[Servlet] 로컬에 Apache Tomcat 7 세팅하기 Servlet을 세팅하기 위해서는 우선 서버를 설치해야 합니다. 로컬 컴퓨터에 서버를 세팅하는 프로그램중 가장 많이 사용하는 아파치 톰캣을 사용해서 서버를 설치해보겠습니다. 아파치 톰캣을 사용하기 위해서는 JDK(java Developer Kit)의 설치가 선행되어야 합니다. https://tomcat.apache.org/download-70.cgi Apache Tomcat® - Apache Tomcat 7 Software Downloads Welcome to the Apache Tomcat® 7.x software download page. This page provides download links for obtaining the latest version of Tomcat 7.0.x software.. 2019. 7. 4.
[jQuery] CSS Selectors 표 Element CSS Selectors Selector Information * 모든 요소 E 태그명이 E인 모든 요소 E.cs E 요소중 CLASS속성값이 cs와 같은 모든 요소 E#id E요소중 ID속성값이 id인 요소 E, E2 모든 E, E2요소 E E2 E의 자식 요소인 모든 E2요소 E > E2 E의 바로 아래 자식요소중 모든 E2요소 E + E2 E 바로 다음 형제요소에 있는 E2요소 E ~ E2 E 다음에 나도는 형제 요소중 모든 E2요소 Attribute CSS Selectors Selector Information E[ attr ] attr 속성을 가지고 있는 모든 E요소들 E[ attr = value ] attr 속성의 값이 vlaue인 모든 E 요소들 E[ attr ^= value .. 2019. 7. 3.
[jQuery] jQuery 선택자 1. jQuery 시작 jQuery에서 HTML태그를 선택하는 것은 javascript에 비해 간편하게 할 수 있습니다. jQuery의 시작은 다음과 같습니다. $(document).ready(function(){ // 작성한 코드를 이곳에 넣으면 됩니다. }); jQuery의 시작은 javascript에서의 window.onload()와 같이 $(document).ready(); 입니다. ready는 document문서의 text가 모두 로드가 끝났을 때 발생하는 이벤트입니다. 위 코드를 다음 같이도 줄일 수 있습니다. $(function(){ // 이곳에 작성한 코드를 넣으면 됩니다. }); 2. jQuery 선택자 - '$()' 함수 $()함수는 괄호 안에 있는 선택자를 정의하여 DOM elemen.. 2019. 7. 2.
[jQuery] jQuery 설치 방법 jQuery는 javascript의 오픈소스 라이브러리입니다. javascript의 단점을 보완하고, 풍부한 함수를 제공하고 있습니다. jQuery를 설치하기 위해서는 일단 jQuery 홈페이지로 들어가야 합니다. 아래 링크를 클릭하면 jQuery 홈페이지로 들어갈 수 있습니다. https://jquery.com/ jQuery What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API .. 2019. 7. 2.