초보의 JSP 개발 프로젝트 생성

지난 글에 만들었던 프로젝트는 다 날리고 진짜 개발 연습할 프로젝트를 생성하자.

프로젝트 명은 음... olDevStudy 정도로 해야겠다.

Dynamic Web Project를 선택하고 web module은 2.5로 설정한 Project를 생성했다.

아무것도 없는 텅텅 빈 Project라 index.jsp도 하나 생성해주자.

---

1. Dynamic Web Project olDevStudy 생성

 

index.jsp 파일을 하나 생성해주자.

Webcontents에서 우클릭했더니 new -> Jsp file이 메뉴가 있다 선택하고 만들자.

환경 설정해서 세팅했던 charset대로 UTF-8인 jsp 파일이 만들어졌다.

 

프로젝트 생성하고 index.jsp를 생성

 

뭐 Server Add and Remove로 프로젝트 올리고 Start 했더니 잘된다.

근데 이거 매번 http://localhot:8080/olDevStudy를 입력하긴 좀 귀찮다.

 

 

2. Web Modules Path 변경

 

Servers 탭에 있는 Tomcat Server를 더블 클릭해서 modules탭을 열자.

http://localhot:8080/olDevStudy 경로중 olDevStudy를 매번 입력하기가 매우 귀찮다.

Web Modules에서 Add 해둔 프로젝트를 선택하고 Edit 버튼을 클릭하자.

 

Modules 탭에 Add한 Project를 클릭하고 Edit하자.

 

Edit를 클릭하면 팝업이 하나뜬다. olDevStudy를 Root('/')로 수정하고 OK!

 

olDevStudy를 Root('/')로 변경

 

Web Modules를 수정하면 Servers 탭이 수정 상태가 된다. ctrl + s를 눌러 저장하고 tomcat을 재시작하자.

http://localhost:8080를 Chrom 이나 Internet Explorer 주소창에 입력해보자.

아래 이미지와 같이 동일한 Page가 호출되면 성공!

 

http://localhot:8080으로 접속해도 잘된다!

 

귀찮은 Path 입력부도 수정했고 이제 진짜 만들어보자.

 

 

3. Jsp를 추가하자

 

index.jsp는 냅두고 userSample.jsp를 추가해보자 위치는 index.jsp와 같은 곳에 만들자.

 

jsp 파일도 추가하고 포부도 한번 적어봄 ㅎ

 

음? 근데 이거 화면 어떻게 호출하지? http://localhost:8080/userSample.jsp 이렇게 Chrome에서 입력해보자.

 

http://localhost:8080/userSample.jsp 화면이 Open된다.

 

근데 저화면에 로그인을 만든다면 사이트에 누군가 접근했을때 /userSample.jsp를 알고 입력해야 하는 거 아닌가???

그럼 userLogin.jsp, userRegist.jsp, userUpdate.jsp 뭐 이런거 만들면 다 알랴 줘야 하나???

그렇게 만들었다간 아무도 안들어 올것같다... 주소를 입력하면 index.jsp 파일이 보여지니깐 index.jsp 에서 이동하게 만들어보자.

 

4. 화면에서 화면으로 이동하기

 

화면을 이동하기 위해 Jsp 파일에 <form> 태그와 <input type='submit'> 태그를 이용하여 화면을 이동해 볼 것인데 해당 태그의 정확한 정보는 html에서 찾으면 되시겠다.

 

간단하게 이해하자면 <form> 태그는 택배라고 생각하면 된다. 인터넷으로 물건을 사면 주소, 받는사람 등 정보를 입력하면 물건을 1개든 10개든 보내주지 않는가? 딱 그 역할이다. 근데 그냥 혼자는 못 간다. 왜냐? 짐 다 싫었어 출발해 라고 신호를 주어야는데 고놈이 <input type='submit'> 이라고 생각하면 딱 맞을 것 같다.

 

<form> 태그의 2가지 속성만 알고 가자

action : 주소 (/userSample.jsp) method : get, post (get : url 노출방식 /userSample.jsp?id=test, post : url 노출 안됨 본문에 저장되어 보내짐)

method는 명시하지 않으면 기본은 get 방식으로 처리된다.

 

html 내용이라 다 찾긴 뭐하고 그때 그때 찾아 쓰는 걸로...

 

form 태그와 input submit 태그를 작성

 

<form id="testFrm" name="testFrm" action="/userSample.jsp">
	<input type="submit" value="Submit!">
</form>

저장하고 tomcat을 실행하고 http://localhost:8080을 주소창에 입력해보자.

 

Submit! 버튼이 보인다.

<form> 태그를 사용한다고 그 녀석이 화면에 표현되는 것은 아니다.

어디까지나 데이터를 주고받기 위한 틀일 뿐...

<input type='submit' value='Submit!' /> 은 잘 표현된다.

input은 type 마다 표현이 달라진다. (html을 찾아보는 걸로...)

 

Submit! 번튼을 클릭해보자.

 

버튼을 클릭하면 userSample.jsp 페이로 이동하는것을 확인 할 수 있다.

프로젝트를 새로 만들고 Path 수정도 해봤고 Jsp도 추가해봤는데.. html도 중요하지만 Java Web을 이해하기 위한 거니깐 html 내용은 대충 넘어가는 걸로... 중요한 건 페이지를 이동해봤잖아?! ㅎㅎ