서블릿의 기초 10 - 여러 가지 형태의 폼 작성하는 실습

여기서부터는 입력 폼을 좀더 다양하게 꾸며보는 방식을 학습해보기로 하자.

<form> 태그는 사용자가 입력한 데이터를 받아 사용자와 상호 작용을 할 수 있도록 하는 텍스트 박스 이외에 다양한 입력 양식을 제공해준다. 이를 통해 사용자가 입력한 내용을 서블릿에 받아 처리하는 방법을 학습해보자.

---

 

 

 

 

로그인 폼 만들기

 

 

아이디와 비밀번호가 잘 출력되고 있다. 이건 한글이 없어서 잘 되는 것 같다.

---

 

 

 

 

배타적 선택하기

 

 

 

 

계속해서 한글 인코딩이 되지 않아서 별 방법을 다 써보고 2시간도 훨씬 넘게 이 문제를 가지고 고민을 했다. 그리고 드디어 해결했다.

server.xml에서 EUC-KR이 아닌 UTF-8로 변경해주면 된다.

---

 

 

 

 

관심분야 다중 선택하기

 

 

 

 

결과값이 이상하게도 넘어가지 않아 보니까 폼 태그를 다른 곳에 붙여서 그런 거였다. 모든 사항은 폼 태그 안에 있어야 한다. 그리고 여러 개를 선택할 때는 배열 형태로 받아준다.

---

 

 

 

작업과 관심 분야 선택하기

이번에는 여러 항목 중 하나를 선택하는 콤보 박스와 여러 개를 선택할 수 있는 리스트 박스를 모두 HTML의 <select> 태그로 만들어볼 것이다. 항목은 <option> 태그를 <select> 태그 내부에 추가해서 만든다.

size에 값을 지정하지 않거나 1을 지정하면 콤보 상자가 만들어진다.

 

 

 

 

 

 

 

분명 선택을 했는데 선택 항목이 없다고 해서 왜 그런고 계속해서 고민해보았는데, 코드를 잘못 썼다는 걸 알게 되었다. interests가 아닌 interest로 써야 했다.

 

 

이제 잘 출력이 되고 있다. 

---

 

 

 

학습을 마치고

오늘 공부를 빨리 마치고 유니티를 공부하고 싶었는데 이 단원을 마치려면 아직 멀었다. 이제 단원 마무리 퀴즈를 풀고 도전 문제를 하나 풀면 될 것 같다.

사실 오늘 문제가 발생하기 전까지만 해도 JSP/서블릿을 좀 만만하게 생각했는데 전혀 아니었다. 이상하게도 안 풀리는 문제가 있자 오히려 하고 싶은 의욕이 생기면서 어제까지만 해도 재미없었던 JSP가 다시 재미있어졌다.

 

실습 문제도 굉장히 많았는데 모두 다 풀었다.