[IntelliJ] 아파치 톰캣 설정 및 JSP 실행 방법

IntelliJ에서 Apache Tomcat 설정 및 실행 방법!

Apache Tomcat을 설치해서 서버 구동 준비까지 끝냈다면
이제부터 Web 개발을 하기 위한 준비를 위해서 개발 툴에 Tomcat을 설정하고 서버를 구동시켜 결과를 확인해야겠죠~!
자신의 프로젝트가 서버를 통해서 정상적으로 실행되는지..!

저는 IntelliJ IDEA 개발 도구를 이용하여 Java로 Web 개발을 공부 중입니다.
이제부터 인텔리J에서 톰캣을 설정하고 JSP 실행하는 방법을 알려드리도록 할게요~!

- 설명하기에 앞서 "macOS Mojave 버전 10.14.2" 운영체제에서 "IntelliJ IDEA ULTIMATE 2018.3", "Apache Tomcat 9"를 이용하여 설정했습니다.








IntelliJ IDEA를 실행시켜주세요.






"Create New Project"를 클릭해서

새로운 프로젝트를 만들어주세요.







"New Project" 창이 실행되면,

(1) "Project SDK"에서 사용할 Java 버전을 선택해주세요.

☛ IntelliJ Java 실행 방법

(2) "Web Application"을 체크해주세요.

(3) "WebServices"를 체크해주세요.

(4) Version에서 "Apache Axis"를 선택해주세요.

전부 설정하였으면 "Next"를 클릭해주세요.






자신이 원하는 Project name, location을 설정하고

"Finish"를 클릭해주세요.






정상적으로 프로젝트가 생성되었다면

(1) 좌측에 Project 목록에서 "index.jsp" 파일을 클릭하고,

"<body> </body>" 태그 안에 자신이 출력하고 싶은 결과를 간략하게 작성해주세요.

(2) 우측 상단에 "Add Configuration..."을 클릭해주세요.






"Run/Debug Configurations" 창이 실행되었으면,

좌측 상단 "+"를 클릭해주세요.







사진처럼  "Add New Configuration" 목록이 나오면 하단으로 스크롤 하여

"35 items more (irrelevant)..."을 클릭해주세요.







"Tomcat Server"가 보이면 클릭 후,

"Local"를 클릭해주세요.






사진처럼 좌측에 "Tomcat Server"가 목록에 나타났으면

 우측에 "Configure..."를 클릭해주세요.






"Tomcat Server" 창이 실행되면 폴더 아이콘을 클릭해주세요.

Apache Tomcat을 설치한 디렉토리에 있는

톰캣 라이브러리를 선택해야 합니다.

☛ Apache Tomcat 설치 경로 확인하기!






"Finder" 창이 실행되면

"Macintosh HD"를 클릭해주세요.






"command + shift + ." 키를 눌러주시면

사진처럼 숨겨진 폴더가 여러 개 나타납니다.

"usr" 폴더를 클릭해주세요.






"usr -> local -> Cellar -> tomcat -> 9.0.14 -> libexec"

폴더로 이동 후 "Open"을 클릭해주세요.

("tomcat -> 9.0.14" 폴더명은 자신이 설치한 톰캣 버전에 따라서 달라질 수 있습니다.

중요한 건 톰캣 폴더 안에 있는 "libexec"를 클릭해주셔야 합니다.)






사진처럼 톰캣 라이브러리를 선택했으면 "OK"를 클릭해주세요.






"Application server"에 자신이 선택한 Apache Tomcat이 설정되었으면

우측 하단에 있는 "Fix"를 클릭해주세요!

(Tip! 자신이 사용하고 싶은 브라우저를 선택할 수 있습니다.

"Default" 경우 Mac에서 설정된 기본 브라우저가 실행됩니다.)






"Fix"를 클릭 후 자동으로 해당 창으로 이동될 거예요.

만약, 이동이 안됐을 경우 상단에 "Deployment"를 클릭해주세요.






"Application context"를 "/"로 수정 후

"OK"를 클릭해주세요.

(톰캣을 실행 후 브라우저 기본 URL을 "localhost:8080"으로 설정해주기 위한 과정입니다.

예를 들어서 "/aaa" 이런 식으로 수정한다면 기본 URL이 "localhost:8080/aaa"로 설정됩니다.)






"control + R" 키를 눌러서 톰캣을 실행시켜주세요.

또는 우측 상단에 "화살표" 모양을 클릭해주세요.






정상적으로 서버가 구동되는 걸 확인할 수 있습니다.

(Tip! "Update Resources On Frame Deactivation" 아이콘을 클릭할 경우

프로젝트를 수정 후 톰캣을 재시작하지 않고 브라우저 새로고침으로 수정된 결과가 반영된 걸 볼 수 있습니다.)






브라우저에서 "Hello World!" 라는 결과가 출력된 걸 확인할 수 있습니다.

(자동으로 브라우저가 열리지 않았을 경우 주소 검색창에 "localhost:8080" 또는 "localhost:8080/index.jsp"를 입력하여 확인하시면 됩니다.)


이상으로 IntelliJ에서 Apache Tomcat을 설정하고

JSP 실행 방법에 대한 설명이 끝났습니다.






✔︎ 오타, 잘못된 정보가 있을 경우 댓글 달아주세요~!

(확인 수정하도록 하겠습니다~^^)


✔︎ 궁금하신 정보가 있을 경우 댓글 달아주세요~!

(제가 아는 정보에 한해서 답변을 남겨드리도록 할게요~^^)


댓글(30)

  • deft 답글 수정
    2018.11.03 22:07

    감사합니다!

  • superisis 답글 수정
    2019.02.12 17:11

    감사합니다!

  • 칭송받는자 답글 수정
    2019.03.05 22:17

    이정도면 원숭이가 배워도 뚝딱 배울정도의 꼼꼼한 설명글!

  • 밝은마루 답글 수정
    2019.03.06 15:13

    안녕하세요. 블로그에 너무나도 인텔리제이 기반의 JSP 내용을 잘 정리해 주셔서 너무나도 잘 보고 있습니다.
    현재 시중에 나와있는 책을 구입해서 공부하고 있는데..이클립스 환경에서 서블릿 파일을 생성해서 실습하는 부분인데..
    인텔리제이에서 jsp 파일은 현재 포스팅 내용과 동일하게 해서 가능했는데...

    서블릿 파일을 src 폴더 밑에 패키지 생성 후 서블릿을 생성하면...
    임포트되야 할 자바 패키지들이 출력되지 않습니다.
    혹시 방법을 따로 알려주실 수 있을가요?

    추가로 현재 포스팅한 helloworld 출력하는 jsp 파일과 다르게 한 개의 jsp 파일을 더 추가하여 실습을 하려면
    어디에서 jsp 파일을 생성하면 될가요? 이클립스는 충돌도 너무 많이 나도 불편해서..
    인텔리제이로 꼭 실습하고 싶은데...너무 어렵네요..
    꼭 좀 도와주세요..부탁드립니다.

    • 2019.03.07 00:42 신고

      제가 아는 부분에 한해서는 알려드리도록 할게요!

      글보다는 사진과 채팅으로 알려드리는 게 나을 거 같아서, 카카오톡 아이디 알려드릴 테니 연락 주세요^^

    • 밝은마루 수정
      2019.03.07 10:31

      비밀댓글은 어떻게 확인이 가능할가요?
      제 카톡 아이디를 알려드리면 될가요?
      혹시 한가지 더 궁금한게 있는데요..혹시 JSP 를 공부하는데 있어 학원을 다니는게 나을가요? 인텔리제이 기반으로 JSP / 스프링 / 스프링부트를 알려주는 학원이 있을지 궁금하네요..

    • 2019.03.07 21:57 신고

      메일 주소 알려주시면, 카톡 아이디 보내드리도록 하겠습니다.

      학원, 학교에서는 IntelliJ는 유료라서 이클립스 기반으로 수업을 진행하는 걸로 알고 있습니다.

      그리고 중요한 건 IDEA가 아니라 자신이 공부하는 "Java, Servlet/JSP, Spring" 등 기본 개념이라고 생각합니다.

      자신이 공부하고 있는 걸 확실하게 아는 게 중요한 거 같아요~^^
      저도 학부생이고, 가장 중요한 기본을 완벽하게 학습하기 위해서 계속해서 반복하고 있습니다!

    • 밝은마루 수정
      2019.03.08 08:38

      yumk1979@naver.com 입니다.
      나이 먹고 공부할려니 힘들지만..그래도 하나씩 알아가는 재미를 뒤늦게 깨달아서 많이 알려주세요^^

    • 2019.03.09 00:23 신고

      메일 보내드렸습니다^^

  • Samslow 답글 수정
    2019.03.14 13:22

    Configuration 부분 부터 설명이 최신 버전과 다소 다르네요 ㅜㅜ

    • 2019.03.14 15:34 신고

      확인해보니 2018.3.5 버전에서 UI 순서가 약간 변경된 거 같네요.

      설정 방법이 달라진 게 아니라서 사진과 같은 방식으로 "Tomcat Home"에서 톰캣 라이브러리 경로를 설정해주시면 됩니다^^

  • hello 답글 수정
    2019.03.24 16:38

    감사합니다 알려주신 방법으로 실행해봤는데 마지막에 처음 설치했을 때 나오는 고양이 화면이 뜨네요.. body 부분에 hello world라고 입력을 했는데도 그렇게 나옵니다. 혹시 왜그런지 알수 있을까요??

    • 2019.03.25 00:36 신고

      URL을 어떻게 입력하셨나요?
      설정하신 방법과 해당 화면을 확인해봐야 알 수 있을 거 같습니다!

  • mingoo 답글 수정
    2019.07.06 15:31

    저도 윗분이랑 같은 상황입니다.. 실행하면 고양이 화면만 나와요 ㅜㅜ 해결방법이 어떻게 될까요??
    아무리 검색을 해봐도 안됩니다..

    • 2019.07.06 21:29 신고

      설정하신 방법과 실행 화면을 확인해봐야 알 수 있을 거 같습니다..ㅠ
      해당 화면을 캡쳐해서 보여주시면 확인해보도록 하겠습니다!

    • mingoo 수정
      2019.07.07 12:13

      해결 했습니다.
      "Application context" 부분에 / 하고 실행할 jsp 파일 이름을 기재하니깐 됬어요 !

    • 2019.07.08 15:43 신고

      ^^

    • 2019.07.08 21:42

      비밀댓글입니다

    • 2019.07.08 23:20 신고

      제가 아는 부분에 대해서 설명드리겠습니다^^

  • 2019.09.19 22:06

    안녕하세요 ! 톰캣으로 고통받는 학생입니다 !
    하나하나 친절하게 설명해주신 덕에 원만하게 설정은 완료했습니다 !
    근데 다른 jsp파일을 만들어서 해당 JSP파일을 실행하면 제가 최초 선택한 톰캣버전과 HTTP port, context가 지멋대로 바뀌어서 생성 후 실행되는데
    혹시 HTTP port랑 context의 디폴트값을 위에서 설명하신대로 설정해 둘수 없을까요 ?

    • 2019.09.20 09:05 신고

      톰캣 버전과 포트 번호가 임의로 바뀌는 부분은 잘 모르겠네요.
      처음 설정한 톰캣과 포트 번호가 실행할 때마다 임의로 바뀌는 것은 설정을 다시 확인해보셔야 할거 같습니다.

  • 2019.09.27 23:48

    안녕하세요! 이 많은 글들을 보면서 정말 많은 지식을 배워가고 있는 학생입니다!
    혹시 제가 맥 사용법을 잘몰라서 그러는데 혹시 도움을 주실 수 있나요??

    • 2019.09.29 14:27 신고

      안녕하세요^^ 제가 아는 부분에 한해서 도움 드릴 수 있도록 하겠습니다.

  • 웹초보 답글 수정
    2019.10.23 10:23

    혹시 파일을 개별적으로 실행하는 방법은 어떻게 합니까?
    tomcat run은 되는데
    파일자체를 run하게 되면 url 경로도 localhost:8080/services/파일명.jsp 이런식으로 됩니다.

    • 2019.10.23 13:14 신고

      저도 설정한 톰캣을 이용해서 파일별로 따로 실행해서 바로 웹브라우저에서 띄우고 싶었었는데, 해당 방법을 찾지 못했습니다.
      (root를 통해서 접속되는 게 정상적인 걸로 알고 있습니다.)
      해당 방법을 찾게 되신다면 공유 부탁드리겠습니다~^^

  • 2019.11.23 15:55 신고

    쉽게 알려주셔서 감사합니다!