html13 [HTML][Java Script] 회원가입 폼 - 유효성 검사 회원가입을 할 때 각 항목이 올바른 형식인지 검사를 한다. 이러한 유효성 검사 기능을 자바스크립트와 html로 구현해 보았다. 각 항목별 유효성 검사는 아래와 같은 기준으로 하였다. 유효성 검사 기준 아이디 : 4~12자 숫자와 영어 대소문자문 가능 비밀번호 : 4~12자 숫자와 영어 대소문자문 가능 비밀번호 확인 : 비밀번호와 같은지 확인 메일주소 : @이가 있는지와 .com .kr 로 끝나듯이 끝자리에서 2~3번째에 .이 있어야 한다. 주민번호 : 주민번호 계산식으로 확인 주소 : 다음 postcode로 입력 받는다. 생일 : 주민번호가 맞으면 자동으로 입력 관심분야 : 적어도 1개가 선택 되어야 한다. 본래 유효성 검사는 주로 자바스크립트로 이루어지지만 html5에서 pattern 기능이 추가되어 .. 2020. 7. 5. [HTML] 회원가입 폼 만들기 HTML의 from 과 input 기능을 가지고 회원가입 폼 만들기 회원가입 폼에 정보를 쓰고 회원가입 버튼을 누르면 mail 로 보내게 작성 하였다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 1.. 2020. 7. 4. [HTML][Java Script] 배열 메소드 (push, pop, shift, sort, reverse) 자바 스크립트의 배열 메도르를 가지고 배열에 값을 넣고 빼고 정렬을 해보기 자바스크립트의 배열 메소드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 var arr = new Array(); function show(){ //배열 보여주기 var view= document.getElementById('viewer'); view.innerHTML=arr; } function push(){ //push 배열 뒤로 집어넣기 var num = document.getElementById('num').value; arr.. 2020. 7. 4. [HTML][Java Script] 현재시간 출력하기 자바스크립트에서 Date()로 시스템의 시간을 받아올 수 있다. 또한, Date()가 가지고 있는 getHours, getMinutes, getSeconds 메소드를 이용 하여 시간, 분, 초 의 정보를 받아올 수 있다. Date()로 시간을 받고 현재 시간의 시,분,초 로 나타내고 시간을 기준으로 오전과 오후로 나누어 보았다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 #divClock{ font-size: 30px; color: green; } function showClock(){ var currentDate = new Date(.. 2020. 7. 4. [HTML] CSS, 자바스크립트 외부에서 호출하기 HTML 파일 내부의 에 css와 javascript를 입력할 수 있지만 프로그램을 작성하다보면 코드가 너무 길어진다. 따라서, 프로젝트의 규모가 클 경우 css와 javascript를 외부에서 호출하여 사용한다. 외부 css파일 가져오는 방법 외부 스크립트를 가져오는 방법 2020. 7. 4. [HTML] 쿠키와 세션 쿠키와 세션을 사용하는 이유 HTTP 프로토콜의 특징이자 약점을 보완하기 위해서 사용된다. Connectionless 프로토콜 (비연결지향) 클라이언트가 서버에 요청(Request)을 했을 때, 그 요청에 맞는 응답(Response)을 보낸 후 연결을 끊는 처리방식이다. HTTP 1.1 버전에서 연결을 유지하고, 재활용 하는 기능이 Default 로 추가되었다. (keep-alive 값으로 변경 가능) Stateless 프로토콜 (상태정보 유지 안함) 클라이언트의 상태 정보를 가지지 않는 서버 처리 방식이다. 클라이언트와 첫번째 통신에서 데이터를 주고 받았다 해도, 두번째 통신에서 이전 데이터를 유지하지 않는다. 쿠키(Cookie) 클라이언트 사용자가 웹 서버에 접속하여 로그인 하였을 때 클라이언트 컴퓨.. 2020. 7. 4. 이전 1 2 3 다음
