eclipse로 웹서비스 준비하기(tomcat과 경로 설정)

 

2022.08.12 - [java] - Step02_DB (jsp DB연동하기, DbcpBean)

tomcat을 설치한 후 추후에 DB연동하는 법도 학습하면 좋다

 

 

tomcat 설치하기

https://tomcat.apache.org/

tomcat을 압축해제해서 옮기고 새로운 workspace용 폴더를 만들어준다. 압축 해제할때 tomcat의 폴더가 이중으로 감싸지지 않도록 유의하자

 

 

workspace 변경하기

 

encoding UTF-8로 변경하기

 

 

서버연결하기

 

port 변경하기

기존 8080 port는 오라클이 사용하고 있기에 변경해준다.

 

 

emmet 기능 설치하기

 

새 프로젝트 만들고 서버에 연결하기

서버는 stopped 상태로 둔다

경로 작성하기

localhost:8888/Hello/ 는 현재 webapp폴더를 가리킨다.

 

index.html

두가지 예시를 중 두번째 예시를 체크해서 경로의 종류와 작성법을 익혀보자.

 

절대경로

http://localhost:8888/Hello/images/kim1.png

 

상대경로

images/kim1.png

./images/kim1.png

 

Tomcat 서버 기중 절대경로

/Hello/images/kim1.png

 

상위폴더로 이동할 경우

../

 

play.html

위의 3가지 경로는 모두 index.html 을 가리키는데 마지막 경로인 /Hello/는 index.html 페이지를 가리킨다.

이것은 Tomcat의 web.xml 의 최하단 코드(welcome-file-list)가 index.html을 특정하여 코드를 작성해놔서 그렇다.

 

 

bootstrap 연동시키기

 

https://getbootstrap.com/docs/5.2/getting-started/introduction/#cdn-links

head에 <link rel="stylesheet" href="" />형태로 cdn-link를 넣어준다.

 

테스트를 하는 방법 1

 

1. 서버에 Hello 프로젝트를 add 해서 서비스 되도록 한다.

2. 서버를 start 시킨다

3, 웹브라우저를 실행시킨다.

4. 주소창에 http://localhost:8888/Hello/index.html 을 입력한다.

 

테스트를 하는 방법 2

 

run 버튼을 누르고 서버를 선택해준다.