회원가입 화면 만들어보기
정적리소스 -> webapp/resources의 경로에 저장
servlet-context.xml : web관련 설정파일
root-context.xml : non-web관련 설정파일
<form action="전송할 URL"(디폴트: 자기자신) , method="전송 메소드"(디폴트: get)">
get - head만 존재
post - 헤드,바디 모두 존재
url 전송시 url인코딩을 한다 -> 브라우저에서는 보기좋게 변경해서 보여
<form action="<c:url value="/register/save"/>" method="post" onsubmit="return formCheck(this)">
<div class="title">Register</div>
<div id="msg" class="msg"> </div>
<label for="">아이디</label>
<input class="input-field" type="text" name="id" placeholder="8~12자리의 영대소문자와 숫자 조합" autofocus>
<label for="">비밀번호</label>
<input class="input-field" type="text" name="pwd" placeholder="8~12자리의 영대소문자와 숫자 조합">
<label for="">이름</label>
<input class="input-field" type="text" name="name" placeholder="홍길동">
<label for="">이메일</label>
<input class="input-field" type="text" name="email" placeholder="example@fastcampus.co.kr">
<label for="">생일</label>
<input class="input-field" type="text" name="birth" placeholder="2020/12/31">
<div class="sns-chk">
<label><input type="checkbox" name="sns" value="facebook"/>페이스북</label>
<label><input type="checkbox" name="sns" value="kakaotalk"/>카카오톡</label>
<label><input type="checkbox" name="sns" value="instagram"/>인스타그램</label>
</div>
<button>회원 가입</button>
</form>
<c:url>역할
1. context-root 추가
2. session id 자동추가
onsubmit="return formCheck(this)"
-> formCheck함수 호출
this-> form 자기 자신