이제 진짜 웹 서버와 연결해 볼 차례
요청과 응답에 대한 처리를 위해 톰캣을 설치할거에요.
톰캣 설치를 위해 https://tomcat.apache.org/ 접속해요.
좌측 메뉴에서 [Download] - [Which version?] 에 접속하여 각각의 톰캣 버전이 제공하는 JAVA 버전을 확인해줘요. 편의상 우리는 톰캣 9.0.X 버전을 다운받을 예정이에요.
좌측 메뉴에서 [Download] - [Tomcat 9]에 접속해줘요.
스크롤을 조금내려 [9.0.x]에서 본인 OS 사양에 맞는 버전을 다운받아줘요.
다운이 된 경로로 가 압축을 풀어주면 톰캣의 설치는 완료된거에요!
netstat -nao | findstr 8080
TCP 0.0.0.0:8080 0.0.0.0:0 LISTENING 4516
TCP [::]:8080 [::]:0 LISTENING 4516
와 같은 결과값이 나온다면 성공적으로 톰캣이 설치 되었음을 확인할 수 있어요.
[File] - [New] - [Dynamic Web Project]를 클릭해줘요.
[프로젝트 이름 기입] - [Next] - [Next] - [Generate web.xml deploment descriptor] 체크 후 [Finish]
프로젝트가 성공적으로 생성되었어요.
이클립스 하단 작업창에서 [No servers are availalbe. Click this link to create a new server...] 클릭 또는 [마우스 우측 클릭] - [new] - [Server]을 클릭해줘요.
혹시, Console 창이나 Server 창 등이 사라졌을 경우 [Window] - [Show View]에서 필요한 도구의 작업창을 열 수 있어요.
[Apache] - [Tomcat v9.0 Server] 클릭 후 Server Name을 지정해준 후 [Next]를 클릭해 다음으로 이동해주세요.
[Browse...] 클릭하여 [apache-tomcat-9.0.67]이 깔린 경로를 찾아가 [폴더 선택] 을 클릭하여 해당 경로가 잘 입력되었는지 확인 후 [Next]를 클릭해준다.
[Available] 목록에서 앞에서 생성 한 Dynamic Web Project를 클릭 후 [Add>] 을 눌러 해당 프로젝트를 [Configured] 목록으로 옮겨줘요. 그 다음 [Finish] 버튼을 눌러 완료해줍니다.
삭제가 필요한 경우 해당 서버 우클릭 후 [Delete]를 클릭, [Delete unused server configurations] 체크박스 체크 후 [OK]를 누르면 삭제가 완료돼요.
path 수정이 필요한 서버를 더블 클릭하면 해당 서버와 관련한 내용을 수정할 수 있는 창이 떠요. [Modules] 를 클릭하면 path를 수정할 수 있어요.
수정할 서버를 클릭 후 우측에 [Edit]를 클릭하여 '/' 만 남기고 뒤에 내용을 삭제해준 후 [Ok] 버튼을 클릭해요. 그러면 수정이 완료되었어요.
포트 수정이 필요한 서버를 더블 클릭하면 해당 서버와 관련한 내용을 수정할 수 있는 창이 떠요. [Overview] 를 클릭하면 포트를 수정할 수 있어요.
[Ports] 에서 [HTTP/1.1]를 클릭하면 포트 넘버를 수정할 수 있어요. 포트 충돌이 일어날 수 있으니 8080에서 8081로 수정해줘요.
경우에 따라서 보안 경고창이 뜰 수 있어요. [액세스 허용] 을 클릭해주세요. 하단 작업창인 [Console]에서 빨간 글씨로 포트가 수정되었음을 알려줘요.
포트 수정없이 실행할 서버를 우클릭하여 [Start] 하면 같은 번호의 포트가 사용중이라고 떠요. 그러면 해당 포트를 사용할 수 없으니 꼭 수정이 필요해요. 수정 시 뜬금없는 번호는 사용하지 않고 기존 포트가 8080이라면 8081, 8082등의 순으로 보통 수정을해요.
실행할 서버를 우클릭 후 [Start] 또는 [Restart]를 클릭해줘요. 그리고 chrome 브라우저를 오픈하여 localhost:8081을 입력해줘요. 서버가 실행 중이지만 요청된 리소스가 없음을 확인할 수 있어요.
html파일을 생성할 [Dynamic Web Project]에서 [src] - [main] - [webapp]에서 우클릭해주세요. [New] - [HTML File]을 클릭하고 파일 네임을 수정한 후 [Finish] 하여 HTML 파일을 생성해줘요.
body 태그 사이에 자유롭게 글을 작성하고 저장해줘요. 그리고 실행할 서버 우클릭하여 [Start] 또는 [Restart] 해줘요.
웹 브라우저에서 localhost:8081뒤에 작성한 html 파일 이름을 넣어주면 성공적으로 html 파일이 웹 브라우저로 보여져요.(예 : localhost:8081/index.html)
출처
https://media.giphy.com/media/dwmNhd5H7YAz6/giphy.gif
https://media.giphy.com/media/3o6Mb9EC7mNqXl9x7y/giphy.gif