관리 메뉴

FU11M00N

[ Editor ] VS Code : JSP 환경구성 본문

Editor

[ Editor ] VS Code : JSP 환경구성

호IT 2021. 1. 22. 03:35

- 아파치 톰캣 설치

https://tomcat.apache.org/download-80.cgi

 

Apache Tomcat® - Apache Tomcat 8 Software Downloads

Welcome to the Apache Tomcat® 8.x software download page. This page provides download links for obtaining the latest versions of Tomcat 8.x software, as well as links to the archives of older releases. Unsure which version you need? Specification versions

tomcat.apache.org

아파치 톰캣 설치 01

먼저 아파치 톰캣을 설치해준다.

아파치 톰캣 설치 02

포트번호와 아이디, 패스워드를 입력 후 "Next"

아파치 톰캣 설치 03

JRE경로를 설정해준다. 

아파치 톰캣 설치 04

아파치 톰캣의 경로를 설정해준다.

아파치 톰캣 설치 05

 

아파치 톰캣 설치 완료

아파치 톰캣 설치완료가 되었다.

아파치 톰캣 Stop

아차피 톰캣 설치 성공 후 아파치 톰캣을 Stop 해준다.

vscode와 연동하여 vscode에서 실행시킬 것이다.

 

VS code 확장프로그램 01

두 가지의 확장 프로그램을 설치해준다.

설치가 되면 첫 번째 탭에 "TOMCAT SERVERS"라는 것이 생겼을 것이다.

 

처음 설치를 하면 아무것도 없이 비어져있다.(사진은 필자가 이미 추가해둔 것)

+ 모양을 눌러 방금 설치한 아파치 톰캣을 등록한다.

사진 "아파치 등록 설치 04"의 경로.

그럼 사진과 같이 각각의 옵션들이 있다.

옵션들의 역할은 아래와 같다.

 

Start : 톰캣 구동하기

Stop : 톰캣 종료하기

Restart : 톰캣 재시작하기

Rename : 등록한 톰캣의 이름 변경

Open in Browser : 브라우저를 통해 톰캣을 열기

Open Server Configuration : 톰캣의 설정 파일.

 

 

여기서 오류가 뜨는 경우가 있을 수 있다.

start를 누르면 ��(��) ���� �Ǵ� �ܺ� ����, ������ �� �ִ� ���α׷�, �Ǵ� 가 뜨며 글자가 깨지는 오류가 있다면  https://okky.kr/article/781406에서 해결 가능.

톰캣 설정파일

"Open Server Configuration"을 클릭하여 server.xml를 열자

 

이제 jsp파일의 경로만 정해주면 된다.

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<Server port="8005" shutdown="SHUTDOWN">
  <Listener className="org.apache.catalina.startup.VersionLoggerListener"/>
  <Listener className="org.apache.catalina.core.AprLifecycleListener" SSLEngine="on"/>
  <Listener className="org.apache.catalina.core.JreMemoryLeakPreventionListener"/>
  <Listener className="org.apache.catalina.mbeans.GlobalResourcesLifecycleListener"/>
  <Listener className="org.apache.catalina.core.ThreadLocalLeakPreventionListener"/>
  <GlobalNamingResources>
    <Resource name="UserDatabase" auth="Container" type="org.apache.catalina.UserDatabase" description="User database that can be updated and saved" factory="org.apache.catalina.users.MemoryUserDatabaseFactory" pathname="conf/tomcat-users.xml"/>
  </GlobalNamingResources>
  <Service name="Catalina">
    <Connector port="9090" protocol="HTTP/1.1" connectionTimeout="20000" redirectPort="8443"/>
    <Engine name="Catalina" defaultHost="localhost">
      <Realm className="org.apache.catalina.realm.LockOutRealm">
        <Realm className="org.apache.catalina.realm.UserDatabaseRealm" resourceName="UserDatabase"/>
      </Realm>
      <Host name="localhost" appBase="webapps" unpackWARs="true" autoDeploy="true">
        <Context path="" docBase="D:\Web"></Context>
        <Valve className="org.apache.catalina.valves.AccessLogValve" directory="logs" prefix="localhost_access_log" suffix=".txt" pattern="%h %l %u %t &quot;%r&quot; %s %b"/>
      </Host>
    </Engine>
  </Service>
</Server>

사진에서는 17번째 라인.

 

Host 태그 밑에 Context 태그를 작성해준다.

 

<Context path="" docBase="JSP작업 위치"></Context> 필자의 경우 D:\Web

 

 

이제 모든 작업이 끝났다.

 

아까 설정한 JSP 작업위치에 JSP 파일을 쓴 다음 실행해보자.

테스트 jsp 파일
성공

성공

'Editor' 카테고리의 다른 글

[ Editor] 아나콘다 와 vscode 연동하기.  (0) 2021.03.12
[ Editor ] Sublime Text 설치  (0) 2021.02.02
[ Editor] VS Code Html,JS 개발 환경 구축  (0) 2021.02.02
Comments