HTML
-
[JS] chapter12. 유효성 검사/ <실습> 회원가입 구현 / classList errorcodeStates front-end/Java Script 2023. 1. 6. 11:46
유효성 검사 특정 값은 반드시 입력해야 합니다. (아이디, 이메일, 비밀번호, 이름, 전화번호 등) 비밀번호는 n 자릿수 이상이어야 하고, 숫자나 특수문자를 반드시 포함해야 합니다. 비밀번호와 비밀번호 확인란에 입력된 문자가 동일해야 합니다. 신용카드의 경우, 입력한 신용카드의 번호가 유효해야 합니다. 이러한 것들을 유효성 검사라고 한다. ---------------------------------------------------------------------------------------------------------------------------------------------------------------- 유효성 검사를 통한 회원가입 구현 해보기 추가적으로 비밀번호 입력 UI를 HTML을..
-
[html] 개념 학습 <Flexbox>codeStates front-end/Html 2023. 1. 4. 09:48
Flexbox로 레이아웃 잡기 박스를 유연하게 늘리거나 줄여 레이아웃을 잡는 방법 display: flex : css 속성 index.html box1 box2 box3 index.css main { border: 1px dotted red; } div { border: 1px solid green; } * { margin: 10px; padding: 10px; } 부모 요소인 요소에 display: flex 속성을 적용 main { **display: flex;** border: 1px dotted red; } 부모 요소에 적용해야 하는 flexbox 속성들 flex-direction : 정렬 축 정하기 → 자식 요소들을 정렬하는 정렬 축을 정한다(아무 설정 x → 가로 정렬) main { displa..
-
[html] 개념 학습 <레이아웃>codeStates front-end/Html 2023. 1. 4. 09:40
와이어 프레임 : 웹/앱의 레이아웃의 뼈대를 그리는 단계 목업 : 실물 크기의 모형 즉 실제 제품의 모습과 동일한 HTML문서 내에 하드코딩 하는 방식 하드코딩 : 변수 사용 없이 하나하나 HTML문서를 입력하는 것 HTML 구성하기 수직분할 : 콘텐츠가 가로로 배치될 수 있도록 요소를 배치 수평분할 : 콘텐츠가 세로로 배치될 수 있도록 요소를 배치 아이콘 1 아이콘 2 아이콘 3 영역1 영역2 영역3 영역4 영역5 레이아웃 리셋(은근 많이 사용) -초기화 * { box-sizing: border-box; } body { margin: 0; padding: 0; }
-
[JSP] 프로젝트로 배우는 자바 웹 프로그래밍 6장-1 개념,실습Languages/jsp 2021. 10. 26. 16:44
JSP 내장객체 개요 JSP 내장객체란? JSP 내에서 선언하지 않고 사용할 수 있는 객체 라는 의미에서 붙여진 이름 JSP 내장객체 request response pageContext session application out config page exception 1. request 기본 객체 클라이언트 관련 정보를 request 기본 객체에 저장 -request 기본 객체가 제공하는 기능 클라이언트 웹 브라우저와 관련된 정보 읽기 기능 서버와 관련된 정보 읽기 기능 클라이언트가 전송한 요청 파라미터 읽기 기능 클라이언트가 전송한 요청 헤더 읽기 기능 클라이언트가 전송한 쿠키 읽기 기능 속성 처리 기능 [실습] request 객체를 이용하여 requestform 만들기 request_form.jsp ..