JSP 개발환경 구성하기

이번에는 JSP 개발 환경을 만들어보겠습니다.

JSP는 자바서버 페이지(JavaServer Pages, JSP)는 HTML내에 자바 코드를 삽입하여 웹 서버에서 동적으로 웹 페이지를 생성하여 웹 브라우저에 돌려주는 언어로서 백앤드 개발에 속합니다.

JSP를 개발할 환경을 구성하기 위하여 JDK, 이클립스, 톰캣 3가지가 필요합니다.

http://www.oracle.com/technetwork/java/javase/downloads/index.html   JDK 다운로드 하기

JDK가 없다면 위의 사이트에서 다운받고 설치합니다. 2017/08/14 - [프로그래밍/JAVA] - 자바(JAVA) 실습환경 구성하기 참고합니다.

http://www.eclipse.org/downloads/eclipse-packages/ Eclipse IDE for java EE Developers 다운로드하기

위의 사이트에서 이클립스를 다운받습니다.

https://tomcat.apache.org/download-90.cgi  아파치 톰캣 사이트에 core에서 Windows zip파일을 다운로드합니다.

서버구성을 위하여 톰캣을 다운로드 합니다.

이클립스와 톰캣을 하나의 폴더에 옮겨주고 폴더 경로상에 한글이 있으면 안됩니다!

이클립스와 톰캣을 모두 압축해제해주고 내 PC에서 속성을 눌러 아래와 같은 화면으로 갑니다.

이 화면에서 고급 시스템 설정을 클릭합니다.

고급시스템 설정을 누르면 위와 같은 창이 하나 나오는데 고급탭에서 환경변수를 클릭합니다.

먼저 사용자변수가 아닌 시스템변수 Path에서 편집해줍니다 변수값 가장 마지막에 JDK가 설치된 경로를 입력해주면 됩니다.

시스템 변수에서 CATALINA_HOME이 없다면 새로 만들기를 누릅니다. 

변수이름을 CATALINA_HOME으로 해주고 변수값은 현재 톰캣의 압축을 풀어놓은 곳의 경로를 넣어줍니다 경로확인은 폴더에서 파란색으로된 경로를 클릭하면 경로정보가 위와 같이 나옵니다. JDK와 톰캣 모두 환경변수 지정이 끝났다면 확인을 누릅니다.

만약 포트충돌이 난다면 톰켓 폴더에서 conf 폴더에 server.xml파일이 있는데 워드패드나 Editplus를 사용하여 포트번호를 편집해줍니다.

이제 이클립스를 실행시켜줍니다. workspace경로는 편한곳에 지정하면 됩니다.

이클립스를 실행시켰다면 먼저 서버를 만들어야합니다. 왼쪽 위에 탭에서 File를 누르고 New를 누른후 맨아래에있는 Other를 누릅니다. 위와 같은 창 하나가 뜨는데 Server를 찾아 Next를 누릅니다.

Apache 폴더에서 맨아래에 보면 톰켓 9버전이 있습니다. 클릭하고 다음으로 넘어갑니다.

빨간 동그라미를 클릭하여 실제 톰캣9버전이 있는 경로를 지정하여 선택해주시면 끝납니다.

아래에 서버를 클릭하면 만들어진 서버가 하나보입니다. 녹색 플레이 버튼을 누르면 실제로 서버가 작동되는 모습을 확인할수있습니다.

이제 개발할 다이나믹 웹 프로젝트를 만들어보겠습니다.

File -> New -> Dynamic Web Project 클릭합니다.

위와 같은 창이 하나 나오는데 프로젝트이름을 입력해주고 Next를 클릭합니다.

마지막에 Generate web.xml ....를 체크해주시고 Finish를 클릭해주면 됩니다.

HTML 파일을 하나만들어 실행해보니 문제없습니다.

만약 한글깨짐 현상이 발생한다면 맨 위의 탭에서 Window -> Preferences 를 클릭합니다.

한글깨짐이 있다면 UTF-8설정이 되어있지않기 때문일텐데 위와 같이 CCS,HTML,JSP 모두 UTF-8로 바꿔줍니다.

글씨크기를 바꾸려면 Preferences에서 General -> Appearance -> Color and Fonts에서 변경해주시면 됩니다.