[개인프로젝트] JSP 게시판 만들기 1 (아파치톰캣, 이클립스 설치 및 환경설정하기)

안녕하세요.
#yeoneeblog 여니입니다 :)

 

 

JSP 게시판 만들기 첫번째 포스팅을 시작하곘습니다.

 

 

[내 PC에 프로젝트 폴더 생성]

 

[내 PC 사양에 알맞은 아파치톰캣 설치]

저는 JSP_Projects폴더에서 프로젝트 작업을 할 것입니다. 나머지는 나의 PC사양에 알맞은 버전을 아래 링크를 통해 설치해줍니다. 이번 프로젝트는 부트스트랩의 템플릿을 이용하고자 하므로 부트스트랩도 위와 같이 내가 만든 프로젝트 폴더 아래에 넣어줍니다. 톰캣과 부트스트랩 모두 압축을 풀어 '프로젝트 큰 틀이 되는 폴더' 바로 아래에 넣어줍니다.

https://tomcat.apache.org/

Apache Tomcat® - Welcome!

http://bootstrapk.com/

부트스트랩 · 세상에서 가장 인기있는 모바일 우선이며, 반응형인 프론트엔드 프레임워크.

 

[내 PC 사양에 알맞은 이클립스 설치]

https://www.eclipse.org/downloads/

Eclipse Downloads | The Eclipse Foundation

이클립스를 실행하여 JSP는 동적 웹 페이지이므로 'Dynamic Web Project'로 새 프로젝트를 생성해줍니다.

+ 이클립스 다운로드 및 환경설정 셋팅이 궁금하신 분들은 아래 포스팅을 참고해주세요.

https://yeoneeluv.tistory.com/2

[자바] Eclipse 다운로드 설치 및 환경설정

 

[내 프로젝트에 부트스트랩 자료 넣기]

부트스트랩을 쓰려면 이걸 프로젝트 내의 화면을 보여주는 'WebContent' 아래에 자료들을 추가해주어야 합니다.

위 폴더를 한꺼번에 복사하여 'WebContent'를 클릭 후 붙여넣기 해줍니다.
그러면 'WebContent'의 바로 아래에 부트스트랩 자료들이 한번에 추가됩니다.

 

[JSP 파일 생성 및 접속하기]

새 JSP파일을 생성해 줍니다.

위와 같이 생성한 JSP파일에 body안에 내용을 넣은뒤 웹페이지에 접속하면 해당 내용이 화면에 출력되게 됩니다.

+ 웹 페이지 접속은 아래에서 더 설명하겠습니다.

그리고 인코딩 설정을 요즘 영어 한글이 통용화 되어 다수가 사용하고 있는 'UTF-8'로 바꿔줍니다.
아래에 코드도 해당 위치에 추가해줍니다.

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

script태그 안에 넣은 경로 설정으로 인해 login.jsp로 이동하게 되는데요, login.jsp가 생성되어 있지 않은 상태에서는 해당 페이지에 접속했을 때 404에러가 뜨게 됩니다. 해당 파일이 없기 때문에 연결조차 되지 않는 것입니다.

 

[톰캣 서버 실행하여 웹페이지 접속하기]

내가 만든 프로젝트 명으로 기본 path(경로)가 설정되므로 해당 server.xml에서 확인 및 수정이 가능합니다.

기본 웹 페이지 접속 주소는 'http://localhost:8081/내 프로젝트명' 입니다. 여기서 전 단계와 같이 경로명을 변경할 수 있으며, 아래에 Servers에 톰캣을 더블클릭하면 위와 같은 창이 뜨며 HTTP 포트 넘버를 변경할 수 있습니다.

+ 저는 이미 localhost:8080이 사용되고 있어 8081로 변경하였습니다.

 

login 페이지 연결 및 부트스트랩 적용 과정은 다음 포스팅에서 소개하겠습니다.