[VSCode Extension] 톰캣 VSCode 연동 : Tomcat for Java

  👇🏻  바쁘신 분들을 위한 간략한 순서 

• 톰캣 설치 
• VSCode Extension 설치 : Tomcat for Java
• 톰캣 연동
• Open in Browser 

---

1.

톰캣을 VSCode와 연동하기 위해서는 설치가 되어있어야 한다.

설치 후 localhost 브라우저가 잘 열리는지까지 확인하고 다음을 진행하자 ✔️

이미 설치와 설정이 되어있기 때문에 다음으로 넘어가 보겠다!

 

+)톰캣 홈페이지에서 원하는 버전을 다운로드할 수 있다. (설치 경로 꼭 잘 확인)

macOS는 Homebrew를 통해서도 설치할 수 있다.

 

Apache Tomcat® - Welcome!

 

2.

다음으로 톰캣 연동을 위해 Extension을 설치해줘야 한다.

블럭? 모양의 Extension을 클릭한 후 'Tomcat for Java'를 설치한다.

3.

제대로 완료되었다면 Explorer의 하단에 TOMCAT SERVER가 생긴다.

TOMCAT SERVER의 + 버튼을 통해 톰캣이 설치된 경로를 설정해준다.

 

+)

생성된 이름은 rename으로 변경할 수 있다.

homebrew를 통해 tomcat을 설치한 경우에 폴더가 숨겨져 보이지 않는다면 아래를 참고하자! 

 

🟥  상태 아이콘과 함께 목록에 생성이 되었다면

우클릭 > Open Server Configuration 으로 Server.xml 파일을 열어준다.

열린 xml 파일에서 사용할 port를 자신에게 맞게 모두 설정해준다.

 

+)

config 파일은 실행을 위한 설정 파일이기 때문에 다른 것들을 막 수정하지는 말자.... ⭐️

port를 찾기 힘들다면 command + F 를 눌러 port를 검색해서 모두 확인할 수 있다.

 

[Finder] macOS 맥북 숨김 폴더 보기 (일시 / 영구적)

4. 

Open in Browser를 통해 연동된 서버를 열 수 있다.

연동된 서버?를 우클릭 해준 뒤, Open in Browser를 통해 하단과 같이 브라우저가 표시된다면 연동 끝!

---

 

⚠️ 아래 내용은 모두 개인적인 참고 / 기록을 위한 용도입니다. 참고해주시고 편안하게 봐주세요 :)  ⚠️

***    혹시라도 잘못된 정보가 있다면  언제든지 알려주시면 감사하겠습니다  !    ***