Hello - 자기소개

HTML

- 웹 브라우저 화면에 나타낼 웹문서를 작성하는 언어(명령문)

 

HTTP

- 웹 상에서 클라이언트와 서버가 서로 통신하기 위한 규약

- 요청과 응답으로 구성

 

웹 서버 기능

- 클라이언트에서 요청한 정적인 페이지 제공

 

웹 프로그래밍언어

- 도우미 애플리케이션 개발 언어

- 동적인 페이지 및 실시가능로 동작하는 페이지 제공

- 클라이언트에서 요청한 데이터를 DB에 저장

 

 

※ JSP로 자기소개 하는 홈페이지 만들기

 

Hello.jsp 파일을 생성후 아래와 같이 action 속성을 생성한다.

html에서 주석은 <!-- 주석 내용 --> 이다.

 

 

 

 

 

 

제출이라는 단어를 바꾸고 싶다면 value를 지정해 주어야 한다. value="전송하기"를 추가하면 제출 -> 전송하기로 변경된다.

 

 

 

 

 

전송하기 앞에 text를 추가하고 싶다면 <input type="text">를 추가하여 text 박스를 추가하자.

 

 

 

 

 

 

text앞에 text를 설명하기 위해 이름을 지정해 주자. text의 이름을 지정해주기 위해 name="name"/을 추가해주고 <input>앞에 이름을 입력하자.

 

 

 

 

 

이름을 쓴 후에 text 칸과 거리를 벌리고 싶을 수 도 있다. Space Bar를 눌러 " 이름     <input type="text" name="name"/>" 으로 작성해도 Space Bar를 공백으로 인식하지 못하고 붙여서 디버깅한다. 공백을 써야 할때는 Space Bar 대신 &nbsp; 를 사용하자

 

 

 

 

 

 

<br>과 <br/>은 줄바꿈 태그이고 서로 똑같은 기능을 한다. 하지만 낮은 버전의 브라우저 사용자를 위해 <br/>을 사용하는 것을 추천한다.

 

이제 이름 text박스 전송하기에서 전송하기를 누르면 나올 페이지를 만들어 보자.

 

JSP 파일을 만든후 이름은 myInfo.jsp로 지정하자.

 

Hello.jsp 파일에서 디버깅 한 후 전송하기를 누르면  type="submit" 이 action="myInfo.jsp"를 가리키고 myInfo.jsp파일을 읽어들인다.

 

 

 

 

 

method="get"이기 때문에 주소창에  name=김태훈이라는 정보가 뜬다. method="post"로 변경하면 정보가 주소창에 나타나지 않는다.

 

 

 

 

 

 

이제 myInfo.jsp 파일로 넘어가 전송하기 버튼을 누른 후 원하는 내용들이 출력되도록 코딩해보자.

 

반드시 알아두어야 할 사항!

 

<%@ ~ %> : 디렉티브, 설정에 관련된 사항을 적는다. 대부분 자동으로 완성된다.

<%! ~ %> : 선언부, 변수나 메소드를 선언한다. ==> 자바 파일로 한다.

<%= ~ %> : 표현식, 간단한 내용을 출력한다.

<% ~ %> : 스크립트 릿, 일반적인 JSP 프로그램을 작성한다.

 

Hello.jsp에서 이름을 누르고 전송하기 버튼을 누르면 myInfo.jsp에서 Hello.jsp파일에서 넘오는 내용을 받아 "name"님 안녕하세요? 를 출력해보자.

 

출력해 보면 다음과 같이 한글이 깨져서 보이는 것을 볼 수 있다.

 

 

 

 

 

post 방식으로 넘어오는 내용의 한글 깨짐 방지, 최초의 request.getParameter()가 나오기 전에 적어야 한다.

 

request.setCharacterEncoding("UTF-8");

 

tomcat 8.0 부터는 get 방식으로 넘어오는 할글은 깨지지 않는다.

 

 

 

 

 

 

Hello.jsp에서 이름을 받았으니 나이도 받아서 myInfo.jsp로 넘겨주어 출력해 보자.

 

 

 

 

 

 

 

 

 

 

나이는 숫자이고 String 타입이 아닌 int 타입이 되어야 한다. 변수 타입에 맞게 바꾸어 주자.

 

 

 

 

이름과 나이를 입력 받는중 사용자가 나이에 한글로 스물, 스물하나 등 숫자가 아닌 문자로 입력할 수 있다.

 

이러한 상황을 대비해서 try-catch문을 사용해 예외 처리를 하자.

 

 

 

 

 

 

나이를 출력할때 전송버튼을 누르면 myInfo.jsp에서 출력을 하지 않고 오류메세지를 띄워 페이지 이동이 없도록 하자.

 

 

 

 

 

 

 

 비밀번호를 출력해 보자. 단 비밀번호는 한글이 출력되지 않으니 주의하자.

 

 

 

 

 

 

 

 

성별을 출력해 보자.  type="radio" 이고 raido는 여러개 중 한개만을 선택할 수 있는 타입이다. 중복 선택 불가.

 

 

 

 

 

 

 

 

 

취미를 출력해보자. type="checkbox"이고 checkbox는 중복으로 선택이 가능하다.

 

 

 

 

 

 

 

 

 

이렇게 하면 취미를 하나도 선택하지 않았을 때 문제가 생긴다. 따라서 취미가 하나도 선택되지 않았을때를 생각하여 다시 코딩해 보자

 

 

 

 

 

 

 

마지막으로 먹고싶은 음식을 선택하자. select를 사용하여 여러개 중에 하나를 선택하는 것이다.