[IntelliJ ]_설치와 Tomcat 서버 연동

2021. 11. 27. 19:12[프론트엔드]_/[Javascript]_ES6

728x90
반응형

1. IntelliJ 공식 홈페이지에서 다운로드를 받는다.

https://www.jetbrains.com/ko-kr/idea/download/#section=windows

 

다운로드 IntelliJ IDEA: 우수성과 인체 공학이 담긴 JetBrains Java IDE

 

www.jetbrains.com

2. 한국어가 좋다면 한국어 패치를한다.

https://plugins.jetbrains.com/plugin/13711-korean-language-pack------/versions

 

Korean Language Pack / 한국어 언어 팩 - IntelliJ IDEs Plugin | Marketplace

The Korean Language Pack localizes the UI of IntelliJ IDEA, AppCode, CLion, DataGrip, GoLand, PyCharm, PhpStorm, RubyMine, and WebStorm into Korean.

plugins.jetbrains.com

intelliJ가 설치 되어있으면 다운로드만 하면 알아서 다시 시작하라는 문구가 뜬다.

하지만 영어가 더 편함으로 그대로 사용한다.

 

3. Tomcat을 사용한 웹구축이기 때문에 Tomcat 을 설치한다.

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

 

Apache Tomcat® - Apache Tomcat 10 Software Downloads

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

tomcat.apache.org

여기에서 download 클릭 -> Tomcat 9 -> 자신의 OS에 맞는걸 선택하여 다운로드 한다.

 

설치된 파일을 압축 해제한다.

 

cmd를 관리자 권한 모드로 실행한뒤 설치된 폴더의 bin까지 이동한다.

그리고 service.bat install을 명령하면 설치가 된다.

 

이후 압축을 푼 파일에서 

를 실행한다.

다음과 같은 창이 뜬다.

여기서 start 버튼을 클릭하면 위의 화면과 동일해진다.

 

그리고 http//:http://localhost:8080/로 이동시 다음과 같은화면이 떠야한다.

 

4. 이제 IntelliJ 에 연동

 

일단 새로운 프로젝트를 생성한다.

쭉쭉 진행하다보면 완료창이 뜬다.

정상적으로 프로젝트가 생기면 위의 화면에서 Run-> Edit configuration 클릭

로 이동하고 좌측 상단의 +버튼을 클릭한다.

여기서 tomcat-> local을 선택하면 다음과 같다

여기에서 configure 클릭한다.

그럼 이런창이 뜰 것이고 디렉토리는 tomcat을 설치한 위치로 설정한다.

요렇게 설정하고 ok를 누른다

그리고 다시 이런화면으로 돌아가게 된다. 아래에 보면 http 포트 설정도 가능하고 Default로 열 브라우저도 설정 가능하다. 보통 크롬으로 많이 하니까 크롬으로 설정하였다. 포트는 8080은 사용하는게 있어서 8000으로 변경하였다

그리고 이 창으로 와서 내가 html,js를 생성한 파일 src를 설정해두면 검색창에 http://localhost:8000/src/ 로 연결시 해당 창이 뜨게된다.

이처럼 화면은 만들지 않았지만 html 파일과 js 파일로 console 연습장이 나오는것을 확인 할 수 있다.

 

참고 사이트 :https://www.jetbrains.com/help/idea/2021.2/new-project-wizard.html#maven

 

Create a new project | IntelliJ IDEA

 

www.jetbrains.com

참고 블로그 : https://goddaehee.tistory.com/247

 

[IntelliJ] IntelliJ + Tomcat 연동 방법 (Intellij 톰캣 설정)

[IntelliJ] IntelliJ + Tomcat 연동 방법 (Intellij 톰캣 설정) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ IntelliJ Tomcat Web 개발 환경 설정 입니다. : -) ] 이번엔 인텔리제이에서 톰캣 설정을 하는 방법..

goddaehee.tistory.com

 

728x90
반응형