ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • STS 톰캣(Tomcat) 연동
    Web/환경설정 2018. 9. 3. 11:51

    톰캣은 http 프로토콜을 통해 요청하면 응답을 해주는 서버이다. 

    HTTP ( HyperText Transfer Protocol )  는

    1. 요청 (Request)  
    2. 응답 (Response)
     
    두가지 기능을 주로 하는 프로토콜로 클라이언트에서 url을 통해 서비스를 요청하면 그에 대응하는 결과값을 Text(html 등)으로 화면에 볼 수 있도록 해준다.

    클라이언트(브라우저)는 http://192.168.201.18:8080/hello/hello.html 의 URL을 통해 결과를 얻고자 하는 파일의 정보들을 입력한다. 서버는 URL 문법 및 정보에 부합하는 결과가 존재한다면 그 값을 클라이언트로 리턴해주는 역할을 수행한다.

    ※ URL 의미
    192.168.201.18 :  ipv4 주소. 접속 원하는 pc의 식별자(ip)로 이해. 자신의 ip는 localhost로 별칭이 지어져 있어 ip 외우지 않아도 접속 가능하다.
    8080 : 톰캣의 포트번호. ip주소의 프로그램 중 톰캣 프로그램을 찾아가기 위해 할당한 식별자이다. 

    "192.168.201.18 주소를 가지고 있는 컴퓨터의 8080 포트를 가지고 있는 어플리케이션에 접속해 hello 프로젝트에서 hello.html 파일을 실행해달라" 는 요청을 보낸다고 이해하면 된다.

    예제를 통해 실행해보자.

    1. STS 실행해 new - Dynamic Web Project 클릭

    2. Target runtime : 설치한 톰캣
    Dynamic web module version : 2.5 ( 3.0 이하 )
    이후 Next 클릭.

    ※ 3.0 이후 버전은 xml을 사용할 수 없어 annotation을 사용해야 한다고 한다. xml을 사용하는 것이 더 흔하기 때문에 실무에서는 2.* 버전을 선택

    3. 기존 src Remove 버튼 통해 지우고 Add Folder 버튼 클릭해 경로 4가지 추가 후 Next 버튼 클릭.
    src/main/java
    src/main/resources
    src/test/java
    src/test/resources

    4. Content directory : src/main/webapp
    Generate web.xml deployment descriptor 체크 후 Finish

    5. Remember my decision 체크 후 No 클릭.

    6. 좌측 하단에 Servers 탭에 Pivot 서버가 기본으로 깔려 있는데 나는 톰캣을 사용할 것이기 때문에 새로 설정을 해줘야 한다. 다음 링크 클릭해 서버 등록

    7. 서버 타입 Apache의 Tomcat 설치 버전으로 선택 후 Next

    8. 톰캣 경로 지정해준다. Browse 버튼 클릭

    9. 설치해둔 톰캣 폴더 찾아 선택 후 확인버튼 클릭

    10. JRE 클릭해 설치한 JDK 파일로 설정 후 Next

    11. Finish 버튼 클릭

    Dynamic web project 파일을 톰캣 기반으로 생성해 서버에서 프로그램 실행할 수 있는 환경이 형성된다. 데이터베이스와 포트가 겹치기 때문에 오라클 포트번호 변경 절차가 필요한데 이는 환경설정 탭의 오라클 포트번호 변경 포스트 참조.

    - webapp 폴더에 hello.html 복사해 붙여넣기. ctrl + c , ctrl + v로 가능하다. html 파일은 아무 예제나 다운 받아둔다. 나는 이전 포스팅 아톰(Atom) 예제로 테스트

    -  Servers 탭에 설치한 Tomcat Server 마우스 오른쪽 버튼 - Add and Remove 클릭. 

     작성한 프로젝트 파일을 서버에 등록

    - 자신의 ip주소를 기반으로 하는 서버가 돌아가게 된다.

    http://localhost:8080/hello/hello.html 사이트로 접속하면 다음과 같은 결과를 브라우저로 확인할 수 있다.


Designed by Tistory.