Eclipse 웹 프로젝트 IntelliJ로 import 하는 방법

Eclipse 웹 프로젝트 IntelliJ로 import 하는 방법

 

이클립스로 작성된 Dynamic Web Project 유형의 웹 프로젝트를 IntelliJ로 import하는 방법을 다뤄보려고 한다. 이 프로젝트는 html 파일 하나와 servlet 자바 파일 하나로 구성된 간단한 계산기 웹 어플리케이션이다.

 

실행 화면은 이런 모습이다. (출처 : https://github.com/eomjinyoung/JavaWebProgramming.git)

 

1. IntelliJ 프로젝트 생성

계산기 프로젝트를 임포트할 IntelliJ 프로젝트를 생성한다. IntelliJ의 프로젝트는 이클립스의 workspace와 유사한 개념이다. 이미 임포트할 프로젝트가 있다면 건너뛰어도 된다.

 

IntelliJ 시작 화면

Create New Project를 클릭한다.

 

프로젝트 유형은 Empty Project를 선택하고 [Next]를 클릭한다.

꼭 Empty Project로 만들 필요는 없다. 빈 프로젝트가 다수의 모듈들을 감싸는 구조로 만들 수 있어서 처음 시작하는 프로젝트를 만들 때 이렇게 만드는 경우가 많다.

 

프로젝트 이름과 위치를 지정하고 [Finish]를 클릭한다.

 

Calculator라는 이름을 가진 빈 프로젝트가 생성되었다.

 

2. 이클립스 프로젝트 기반으로 모듈 생성

메인 메뉴에서 File - New - Module from Existing Sources... 를 클릭한다.

 

임포트할 이클립스 프로젝트 위치를 지정하고 [OK]를 클릭한다.

 

Import module from external model과 Eclipse를 선택하고 [Next]를 클릭한다.

 

Select Eclipse projects directory는 자동으로 입력된다.

이 창에서 특별히 변경해야할 건 없다.

[Next]를 클릭한다.

 

[Next]를 클릭한다.

 

[Next]를 클릭한다.

 

좌측에서 사용할 JDK를 선택하고 [Finish]를 클릭한다.

 

이클립스 프로젝트가 import 되었다.

이제 IntelliJ에 맞게 설정을 해주어야 한다.

 

3. JDK 및 라이브러리 설정

메인 메뉴에서 File - Project Structure 또는 Shift + Ctrl + Alt + S(윈도우)를 눌러 Project Structure 창을 띄운다.

 

Project SDK가 Invalid로 표시되고 있는 것을 볼 수 있다.

프로젝트를 임포트할때 설정 했음에도 불구하고 종종 이런 경우가 있다.

 

큰 문제는 아니니 사용할 JDK로 변경하고 [Apply]를 클릭한다.

 

좌측 패널에서 Modules를 선택한다.

Project SDK를 변경해준 덕에 임포트한 모듈의 JDK는 제대로 지정되었다.

(IntelliJ에서 모듈들은 기본적으로 프로젝트의 SDK를 상속받는다. 개별적으로 변경도 가능하다.)

혹시 제대로 지정되지 않았다면 Module SDK:에서 지정한다.

 

이클립스 관련 항목들은 선택한뒤 [ - ] 버튼을 클릭하여 삭제한다.

 

서버 라이브러리를 추가하기 위해 [ + ] 버튼을 클릭하고 Library...를 선택한다.

 

서버를 선택하고 [Add Selected]를 클릭한다.

 

IntelliJ 톰캣 서버 등록은 우측 링크를 참고한다. [JAVA 웹 개발환경] IntelliJ + Tomcat 연동 방법

 

톰캣 라이브러리가 추가되었다.

 

4. Facet 추가

좌측 패널에서 Facets를 선택한다.

[ + ] 버튼을 클릭하고 Web을 선택한다.

 

Web facet을 추가할 모듈을 선택하는 창이다. 임포트한 모듈을 선택하고 [OK]를 클릭한다.

 

Web Facet을 추가하면 기본적으로 이렇게 값이 자동으로 입력된다.

잘못 지정돼있는 항목이 있다면 변경한다.

현재 예시의 경우에는 Web Resource Directory 변경이 필요하다.

'Web' Facet resources are not included in an artifact 메시지는 아직 artifact를 추가하지 않았으므로 지금은 무시한다. 필요한 Facet 추가 후 Artifact도 추가할 것이다.

 

수정하기 위해 디렉토리를 선택하고 연필 아이콘을 클릭한다.

 

올바른 Web resource directory를 지정하고 [OK]를 클릭한다.

이클립스에서는 보통 이를 WebContent 디렉토리에서 관리하므로 이렇게 변경이 필요할 수 있다.

 

다시 [ + ] 버튼을 클릭하고 WebServices를 선택한다.

 

모듈을 선택하고 [OK]를 클릭한다.

 

톰캣인 경우 WS Engine을 Apache Axis로 선택하고 [Apply]를 클릭한다.

 

5. Artifact 추가

좌측 패널에서 Artifacts를 선택한다.

[ + ] 버튼을 클릭하고 Web Application: Exploded - From Modules...를 선택한다.

 

모듈을 선택하고 [OK]를 클릭한다.

 

Artifact를 추가할때 From Modules...를 선택했기 때문에 output 항목이 자동으로 추가되었다.

우측의 Available Elements는 artifact에 추가할 수 있는 요소를 보여준다. 현재 Lesson01web 모듈의 모든 요소가 artifact에 추가된 상태이다.

 

이제 Project Structure에서 해야할 모든 세팅은 끝났다.

[OK]를 클릭한다.

 

6. 빌드 및 실행

메인 메뉴에서 Build - Build Project 혹은 Build Module을 클릭하거나 Ctrl + F9를 눌러 빌드한다.

 

빌드가 정상적으로 완료된 모습

 

현재 프로젝트의 작업 디렉토리로 가보자.

 

이와 같이 아무런 결과물이 생성되지 않았다.

 

메인 메뉴에서 Build - Build Artifacts...를 클릭한다.

그러면 위와 같이 Build Artifact 서브 메뉴가 뜬다.

아까 추가한 Lesson01web:war exploded artifact를 선택하고 Build를 클릭한다.

 

이제 다시 작업 디렉토리로 돌아가보면 artifact의 build 결과물이 생성된 것을 볼 수 있다.

 

지정된 디렉토리에 artifact 빌드 결과물 생성

 

서버 실행 환경에 artifact를 추가하고 [OK]를 클릭하여 마친다.

 

IntelliJ 톰캣 서버 연동은 우측 링크를 참고한다. [JAVA 웹 개발환경] IntelliJ + Tomcat 연동 방법

 

이제 결과를 확인하기 위해 임포트한 모듈을 실행해보면,

위와 같이 intelliJ로 import한 이클립스 계산기 웹 프로젝트가 정상적으로 실행된다.