DongDD's IT

[JSP] 간단한 게시판 만들기 - 1 (Project 생성 및 local 접속) 본문

프로그래밍/JSP

[JSP] 간단한 게시판 만들기 - 1 (Project 생성 및 local 접속)

DongDD 2017. 9. 13. 16:49

[JSP] 간단한 게시판 페이지 만들기 - 1



JSP에 대해서 공부를 시작하며 간단한 게시판 만들기를 해볼려고 한다.


개발 환경 : Ecplise, apache-tomcat 8.5



기본적으로 eclipse와 들어가면 다음과 같은 화면을 볼 수 있는데 jsp로 서버를 만들기 위해 project를 생성해야 한다.

eclipse에서 지원해주는 Dynamic Web Project를 이용하여 project를 생성한다.



먼저 Project의 이름을 적어주고 Apache-tomcat을 연동해주기 위해 Target runtime창에서 세팅을 해야한다.

처음 생성시에는 Target runtime에 아무 것도 없기 때문에 New Runtime 버튼을 클릭해 생성해줘야 한다.



New Runtime 버튼을 클릭하게 되면 다음 그림과 같이 Apache Tomcat의 버전을 선택할 수 있게 되어있다.

8.5 버전을 사용하므로 8.5 버전을 클릭후 Next로 넘어간다.




다음 페이지에서는 apache-tomcat이 설치된 경로를 입력해주어야 한다.Browse 버튼을 클릭해 apache tomcat이 설치되어 있는 경로를 지정해준다. 경로 설정이 완료되면 Finish 버튼을 눌러준다.



다음과 같이 설정이 끝난 후 Finish를 누르면 Project가 생성되게 된다.



기본적으로 왼쪽 위치에 있는 Project Explorer를 보면 Project가 생성된 것을 볼 수 있다.

Project를 클릭해 열어보면 여러가지 폴더가 있다. 우리가 웹페이지를 만들고 보기 위해서

WebContent에 jsp파일을 생성해주면 된다.



WebContent폴더를 오른쪽 클릭 후 New-JSP File을 선택하면 JSP FIle을 생성해줄 수 있다.



첫 화면을 띄어줄 페이지를 생성하기 위해 index.jsp라는 이름으로 파일을 생성한다.



생성하고 나면 다음과 같은 화면을 볼 수 있다. WebContent폴더 밑에 index.jsp가 생성된 것을 볼 수 있고 기본적으로 제공되는 소스코드를 볼 수 있다.



<head>태그에 페이지의 이름을 설정해주고 <body>에 코딩을 시작하면 된다. 간단한 문구를 띄어볼 수 있다.



Run-Run을 눌러 실행하거나 ctrl+f11을 눌러 실행하게되면 다음과 같은 창이 나온다.



보통 알아서 세팅이 되어있기 때문에 그냥 finish를 누르면 코딩한 페이지를 볼 수 있게 된다.



<head>태그에 입력한 title이 위에 나오고 <body>부분에 코딩한 것이 페이지에 나타나게 된다.


크롬을 이용해 들어간 모습이다. tomcat은 기본적으로 8080포트를 사용하므로 8080 포트/project 명/페이지를 입력해 들어갈 수 있다.


이번 포스팅은 간단한 project 생성을 하고 접속하는 방법에 대해서 다루었다.

다음 포스팅부터는 본격적으로 login페이지와 게시판 페이지등 여러 가지 페이지를 만들어 볼 생각이다.






Comments