[JS] 회원가입 페이지 사용자 입력 유효성 검사 (정규식, 비정규식)
·
Front-End/HTML, CSS, JS
회원가입 시에 사용자가 데이터를 제대로 입력하도록 유효성 검사를 구현 해야한다. 정규식을 사용하는 방법과, 정규식을 사용하지 않는 2가지 버전으로 구현했다. HTML 회원 기본 정보 아이디: 4~12자의 영문 대소문자의 숫자로만 입력 비밀번호: 4~12자의 영문 대소문자의 숫자로만 입력 비밀번호확인: 메일주소: 예) id@domain.com 이름: 개인 신상 정보 주민등록번호: 예) 1234561234567 생일: 년 1 2 3 4 5 6 7 8 9 10 11 12 월 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 일 관심분야: 컴퓨터 인터넷 여행 영화감상 음악감상 자기소개: 회원 가입 두 버전 모두 ..
[JS] 자바스크립트 공학용 계산기 만들기
·
Front-End/HTML, CSS, JS
HTML, CSS clear = 1 2 3 + x^y 4 5 6 - sin 7 8 9 * cos 0 +/- . / tan ⦁ 인라인 스타일과 태그를 섞어서 사용했다. 처음에 인라인 스타일만 사용했다가, 코드가 길어지는 느낌이 들어서 태그로 css를 적용해 보았는데 오히려 통일감이 없어지고 코드의 길이도 더 길어진 느낌이라 아쉬웠다. 다음부턴 조심하자. 자바 스크립트 (Java Script) 참고 문헌 :
[JS] 자바스크립트 글자 미리보기 (String 메서드, getElementBy)
·
Front-End/HTML, CSS, JS
자바스크립트를 이용해서 설정에 따라 적용된 글자를 미리 보는 간단한 프로그램이다. 주로 getElementByID와 String 메서드를 사용한다. HTML 미리 보기 색상: 빨강 파랑 녹색 크기: 1 2 3 4 5 6 7 취소선 크게 작게 두껍게 기울임 위첨자 아래첨자 소문자로 대문자로 document 객체의 getElementByID(), getElementsByName(), getElementsByTagName() 메서드를 사용할 것이기 때문에 최대한 필터링하기 편하도록 HTML에서 태그들의 Id와 Name을 지정한다. JavaScript 코드 * 전체코드 더보기 더보기 미리 보기 색상: 빨강 파랑 녹색 크기: 1 2 3 4 5 6 7 취소선 크게 작게 두껍게 기울임 위첨자 아래첨자 소문자로 대문자..