보통 jsp 작업은 eclipse로 많이 한다고 하는데, 나는 이클립스를 써보지 않았고 평소 vscode를 사용하기에 vscode로 작업환경을 구성했다. 먼저 jsp를 띄워줄 WAS서버가 필요하기에 java와 Tomcat 설치를 마쳐야한다. 해당 내용은 곧 추가할 예정.
VSCODE 확장 프로그램 설치
톰캣까지 설치를 마친 후, vscode에서 필요한 확장 프로그램 두가지를 설치해줘야하는데 찾아본 바로는 Debugger for Java, Tomcat for Java를 설치하라고 한다. 그래서 vscode에 검색을 해봤더니 Tomcat for Java는 서비스가 종료된 듯 하다.
그래서 어떻게 해야하는지 찾아보다가 Community Server Connectors를 사용하게 되었다. Tomcat for Java를 검색하면 여기서도 Community Server Connectors를 사용하라고 한다.
Community Server Connectors를 설치하니 VScode 탭 하단에 SERVERS라고 생긴 것을 확인할 수 있다. SERVERS 오른쪽 상단에 버튼이 하나 생기는데 버튼을 클릭하면 VScode 위에 서버를 다운로드할 것인지, 아니면 이미 깔아놓은 것을 쓸 것인지 선택하는 창이 나온다.
나는 이미 톰캣을 깔아놨기 때문에 No를 선택했고, No를 선택한 후 톰캣이 저장된 폴더를 선택해주면 된다. 그럼 아래와 같은 화면을 볼 수 있는데 다른 설정 없이 그냥 Finish를 눌러주면 서버 셋팅이 완료된다.
그 후 다시 SERVERS 탭을 확인해보면 아래에 Tomcat 서버가 나타나는데, 실행하기 전 server.xml 파일을 수정해주도록 하자.
server.xml
Service 태그 아래의 Connector태그의 port 값을 아래와 같이 80으로 변경해주었고, Host 태그 안에 Context라는 태그를 추가해야하는데 아래와 같이 추가하자.
<Connector port="80" protocol="HTTP/1.1" connectionTimeout="20000" redirectPort="8443"/>
<Context path="" docBase="JSP작업 위치"></Context>
jsp 작업위치를 쉽게 알고 싶다면 파일탐색기를 열어 해당 주소를 텍스트로 복사해서 붙여넣으면 된다.
이제 서버에 대한 셋팅은 끝이 났고 jsp 파일을 만들어 실행시키면 된다. test.jsp 파일을 만든 후 Tomcat 8.5 서버를 우클릭하여 Start Sever를 눌러주었다.
<html>
<head>
<title>JSP 시작하기</title>
</head>
<body>
<h1>jsp 작업 페이지</h1>
</body>
</html>
http://localhost/test.jsp 로 접속하니 jsp 파일이 잘 나왔는데 나를 당황스럽게 하는게 하나 더 남아있었다. 영어는 제대로 나오는데 한글이.. 이상하다.. 한글이 완벽하게 깨져서 나온다. 어떻게 해야할까..
찾아보니 해결은 그렇게 어렵지 않았는데 파일 최상단에 아래 코드만 추가해주니 바로 해결되었다.
<!-- <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> -->
<html>
<head>
<title>JSP 시작하기</title>
</head>
<body>
<h1>jsp 작업 페이지</h1>
</body>
</html>
