알버트의 개발하는 블로그
JSP로 기본적인 웹 페이지 생성하기 본문
이번 시간에는 JSP 제 1 강입니다. JSP의 기본을 배워보는 시간으로 아주 간단하게 기본적인 웹사이트를 출력하는 것을 해보도록 하겠습니다. JSP는 자바 서버 페이지라는 단어입니다.
JSP는 HTML내에 자바 코드를 삽입하여 웹 서버에서 동적으로 웹 페이지를 생성하여 웹 브라우저에 돌려주는 언어입니다. 웹개발에 있어서 필수적인 언어라고 보시면 됩니다. 이제 바로 간단한 웹 페이지를 생성하고 출력해보겠습니다.
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>정보 입력</title> <!-- 웹사이트의 창제목 -->
</head>
<body> <!-- body 부분은 웹사이트에 들어갈 내용을 넣는다. -->
<form action="myInfoOK.jsp" method="post">
이 름 : <input type="text" name="name" size="15"><br>
아이디 : <input type="text" name="id" size="15"><br>
<!-- type="password" 에는 한글을 타이핑해서 입력할 수 없다. -->
비밀번호 : <input type="password" name="password"><br>
나이 : <input type="text" name="age"><br>
<!--radio와 checkbox는 같은 그룹끼리 반드시 같은 이름의 name 속성을 지정해야 한다.
-->
성별 : <input type="radio" name="gender" value="true">남자
<input type="radio" name="gender" value="false">여자<br>
취미 : <input type="checkbox" name="hobbies" value="술먹기">술먹기
<input type="checkbox" name="hobbies" value="잠자기">잠자기
<input type="checkbox" name="hobbies" value="공부하기">공부하기<br>
<!-- 콤보 상자 만들기 -->
가고 싶은 여행지는?
<select name="travel">
<option>괌</option>
<option>다낭</option>
<option>나트랑</option>
<option>코나키나발루</option>
<option>대만</option>
</select><br>
<!--
textarea는 텍스트가 들어가는 공간이다.
-->
<textarea rows="10" cols="50" name="content"></textarea><br>
<input type="submit" value="회원가입"> <!-- 전송 버튼 -->
<input type="reset" value="다시쓰기"> <!-- 다시쓰기 버튼 -->
</form>
</body>
</html>
코드는 이와 같습니다. JSP는 자바와 다르게 주석을 <!-- --> 구문으로 처리해주어야 합니다. head부분은 웹페이지의 기본속성을 설정하는 부분이며 title은 창제목을 설정할 수 있습니다. body구문이 바로 웹페이지의 내용이 들어가는 부분인데요. 당연히 body구문이 제일 길고 중요합니다. 위 코드에서는 여러가지 input type이 나올 수 있도록 해보았습니다. input type이란 것은, 웹페이지에 출력되는 여러가지 유형의 아이템을 말합니다.
바로 실행해보겠습니다.
보시는 것처럼 이렇게 웹페이지가 생성되는 것을 볼 수 있습니다. 이름, 아이디, 나이 구문은 text 타입으로 입력을 받았으며 비밀번호는 password 타입으로 입력을 받았습니다. 성별구문은 radio 타입으로 딱 하나만 고를 수 있게 해 주었습니다. 취미는 여러가지를 고를 수 있기 때문에 checkbox 타입으로 입력을 받았으며 마찬가지로 여행지는 combobox타입으로 입력을 받았습니다. textarea 타입을 통해서 텍스트를 입력받아서 회원가입버튼을 통해서 전송해주었습니다.
이렇게 아주 간단한 웹페이지를 생성해보았습니다. 앞으로 JSP를 통해서 여러가지 게시판이나 웹페이지를 개발하면서 포스트하도록 하겠습니다. 감사합니다.
'웹개발 > Java & JSP' 카테고리의 다른 글
| [Java] Servlet과 doGet(), doPost() (0) | 2021.12.23 |
|---|---|
| 포틀릿이란? (Portlet) (0) | 2021.12.10 |
| JSP가 사용하는 시스템 영역과 범위 (0) | 2021.09.13 |
