서블릿의 기초 4 - 회원 가입 폼 작성하기

서블릿 공부가 조금씩 재미있어지고 있다. 어제는 정말 어떻게 시작해야 할지 막막하고 과연 잘할 수 있을지 걱정이었는데 이틀 정도 공부를 하니 감이 잡혔고 어떻게 공부할지도 알게 되었다. 이제 슬슬 속도를 내면서 더 진도를 많이 빼볼 것이다. 그래도 너무 많이 하는 것보다 하루에 2 chapter 정도 학습해보려고 한다.

이번에는 회원 가입 폼을 만들어보려고 한다. HTML로 공부할 때도 결코 쉽지 않았는데 JSP로 해본다니 어려울 것 같기도 하고 재미있을 것 같기도 하다.

---

 

 

 

회원 가입 폼 만들기

먼저 서블릿으로 파일을 만들고 HTML로 코드를 작성한다.

 

1. 회원 가입의 기본 양식 작성하기

 

 

하지만 이렇게 하면 라디오 버튼이 중복 체크가 되고 있다. 라디오 버튼은 그룹으로 묶어주어야 한다.

---

 

 

 

2. 하나만 체크될 수 있도록 수정하기

 

name을 gender로 주면 체크가 하나만 된다. 그런 다음 서블렛 파일을 만들어서 정보를 입력할 기능을 만든다.

 

 

 

 

 

 

 

콘솔 창에 출력이 될 수 있도록 만들어주었다. 500번대 오류는 일상생활에서 자주 접하는 건데 서버 안의 코드가 잘못된 것이라고 한다.

 

 

 

 

 

 

 

입력 폼을 작성하고 회원 가입 버튼을 누르면 서버로 전송이 된다.

 

 

 

값이 잘 넘어왔지만 성별이 on으로 되어 있다. 서블릿에서는 어떤 것을 체크하든 on이 된다. 남자, 여자를 한글로만 구분했지 코드에서는 gender라는 name으로 같기 때문이다. 이럴 때 value 속성을 사용해 값을 다르게 줄 수 있다.

---

 

 

 

3. 성별이 속성으로 넘어올 수 있도록 value 값 추가하기

 

 

 

처음에는 초기값에 비밀번호가 두 개 입력이 된채로 넘어와서 무슨 일인가 했었다. 근데 비밀번호 속성에 value 값을 준 거였다. 이제 제대로 잘 넘어오고 있다. 남자와 여자로.

---

 

 

 

 

4. 추가 내용 작성하기

 

 

 

 

내용을 체크하고 넘기면 이와 같이 hobby라는 동일한 이름으로 값이 넘어간다. 

---

 

 

 

 

5. hobby를 객체로 담아서 보내기

 

hobby를 request로 요청해주었다.

 

 

웹 페이지에서는 여러 개의 값이 콘솔창에서는 아무리 많이 체크를 해도 취미가 처음 선택한 한 개만 출력이 되고 있다. 이럴 때는 값을 여러 개 가져오는 방법을 사용해야 한다.

---

 

 

 

 

6. 여러 개의 값을 가져올 때

배열을 사용해서 담아야 한다.

 

 

값을 꺼낼 때는 반복되는 부분을 대체해서 출력하면 된다.

 

 

 

 

 

이제 값이 모두 잘 불러와짐을 알 수 있다.

 

---

 

 

 

오늘의 오후 공부는 이것으로 마치려고 한다. 정말 오늘도 공부하기 힘들고 하기 싫은 마음이 굉장히 컸다. 하지만 그래도 나와서 끝까지 잘 마칠 수 있어 감사했다.

저녁에도 공부를 과연 할 수 있을지 모르겠지만 우선 이렇게 해본다.