구리

라벨 사용할 경우 라벨을 사용할 경우 Enter your birthday: Submit 라벨 이용하여 지정 날짜만 허용 지정한 날짜만 허용할 경우 Choose your preferred party date: 유효성 검사 유효성 검사 할 경우 : required Choose your preferred party date (required, May 18st to 25th): Submit date 타입 지원하지 않는 브라우저의 경우 date 타입을 지원하지 않는 브라우저의 경우 : pattern ####-##-## Enter your birthday: Submit

자바스크립트를 이용한 화면 슬라이드 쇼 만들기 더보기 ⟨ ⟩ .wrapper { /* 슬라이드 쇼 영역 스타일 */ width:600px; /* 너비 */ margin:0 auto; /* 화면 중앙에 배치 */ position:relative; /* 슬라이드 위치를 잡기 위해 */ background-color:#ccc; text-align:center; /* 슬라이드를 화면 중앙에 배치 */ } #container { position:absolute; } #container > img { /* 각 이미지의 스타일 */ width:100%; /* 슬라이드 영역에 꽉 차게 */ float:left; /* 왼쪽부터 배치 */ } button { position:absolute; /* 배치 방법 : absol..

목차 자바스크립트를 이용한 태그에 이벤트 발생시키기 예제 자바스크립트를 이용한 checkbox를 이용해 값을 다른 로 넣어주기 예제 자바스크립트를 이용한 회원가입 정보 화면에서 입력 요구사항 만족하지 않을 시 alert 알림창 띄우기 자바스크립트를 이용한 checkbox 값을 읽어서 합계금액을 출력하기 자바스크립트를 이용한 브라우저 정보 불러오기 자바스크립트를 이용한 현재 시간 나타내는 창 만들기 window.open() 자바스크립트를 이용한 해당 문서 정보 출력 location.replace("url"); 자바스크립트를 이용한 페이지 접속시 새로운 팝업창 띄우기 예제 자바스크립트를 이용한 숫자 맞추기 프로그램 onchange : select에서 무언가를 선택했을 때(바뀌었을 때) 발생시키는 이벤트 자바..

목차 자바스크립트를 이용한 객체 생성 자바스크립트 객체 생성자 및 멤버변수 innerText 자바스크립트 배열 자바스크립트 이벤트 부여 방법 자바스크립트를 이용한 객체 생성 var 변수명(객체명) = {변수명:값, 변수명:값}; 예시 더보기 var member = { id : 123, name : "너굴이", age : 25, address : "서울" }; document.write 코딩을 html 파일이 아닌 js 파일로 옮겨서 실행해도 된다 자바스크립트 객체 생성자 및 멤버변수 (자바스크립트를 이용한 프레임워크 개발시 주로 사용) 생성자 생성 function 생성자(매개변수){ this.멤버변수명; this.메서드명 = function() {} } 객체 생성 방법 var 객체명 = enw 생성자(전..

목차 css 스타일 설정 방법 자바스크립트 기초, 문법 및 예제 css 스타일 설정 방법 1. 태그명 사용 : body{}, input{} in css file2. 스타일 클래스 : 일때, .클래스명{} in css file (클래스명 앞에 꼭 점 붙이기)3. 태그 id 속성값 : 일때, #id속성값{} in css file 자바스크립트 코딩 위치 - 혹은 태그 사이 자바스크립트 코딩 방법 1. html 내부에 명시 - 2. js파일 생성 후 html 파일에 따로 적용 html 내부에 자바스크립트 문법 prompt() 값을 입력 받을 수 있는 창을 띄우는 자바스크립트 문법 body 내부에 prompt()를 포함하는 script 태그가 있다면 입력창 실행 뒤 나머지 코드들 출력 prompt() 실행시 취소..

지금 배우는 프로젝트는 여러 사용자(클라이언트)가 접속할 수 있게 만들기에 Connection 객체를 많이 만들어 놓을 것이다 DBConnectionMgr Class - DB에 접속하고 데이터를 처리하는 클래스1. 사용 후 자원해제2. Connection 객체 여러 개 미리 만들고 다수의 사용자가 접속시, 사용되지 않는 Connection 객체를 제공 3. Connection 객체를 미리 여러 개 생성 -> POOL 개념 - 1.Connection 객체 생성 -2. Connection 객체 사용 여부 확인 )=> 과정3을 처리하기 위한 별도 클래스 필요(ConnectionObject : 서브 클래스) 회원 : 조회/삽입/수정/삭제 -dao: MemberMgr, dto: MemberBean 상품 : 조회/..

예제1 register.html 로그인 정보 아이디 비밀번호 비밀번호 확인 회원등급 개인정보 이름 메일주소 연락처 코딩 숙련도(상,중,하) 제출 myform.css @charset "UTF-8"; html, body, form, fieldset, legend, ol, lo { margin: 0; padding: 0; } body{ background: #ffffff; color: #111111; font-family: 맑은고딕,굴림,돋움; /* 첫번째 글씨체 없으면 두번째 , 두번째도 엇으면 세번째 */ padding: 20px; } form{ background: #9cbc2c; -moz-border-radius: 5px; /* 어떤걸 사용하는지에 따라서 radius 설정*/ -webkit-border..

새로운 프로젝트 생성 후 javascript를 새로 생성하였는데 적용이 안되어 여러 삽질을 하였었는데 원인은 브라우저(클라이언트)가 캐시에 저장된 값을 불러 들여 전에 생성했던 javascript를 읽어내 새로운 javascript는 반영되지 않았다 내가 작성한 코드는 아래와 같다 member.jsp 회원가입 아이디 아이디 입력은 필수 입니다. 비밀번호 비밀번호 입력은 필수입니다. 비밀번호 확인 비밀번호 확인 입력은 필수입니다. 이름 고객님의 실명을 입력해주세요 성별 남 여 성별을 선택하세요 생년월일 생년월일을 입력해주세요 이메일주소 이메일을 입력해주세요 우편번호 우편번호를 검색하세요 주소 주소를 적어주세요 직업 선택하세요. 회사원 연구전문직 교수학생 일반자영업 공무원 의료인 법조인 종교.언론/예술인 농..