인천 일보 아카데미 42일차 -1- IntelliJ - Spring Framework 프로젝트 만들어보기

• IntelliJ 를 사용하여 Spring Framework -프로젝트 만들어보기

IntelliJ에서는 스프링 부트 프로젝트 자동생성은 지원하기 때문에 말들기 정말 쉽지만

스프링 프라임워크는 자동 생성을 지원하지 않습니다

그렇기 때문에 따로 만들어줘야합니다

(무료버전에는 스프링 부트 프로젝트를 만들어야한다 이거 지원 안함 )

 

 

1. File → New → Project를 눌러주세요

 

 

2.Maven Archetype → Name입력 → 하단의 maven-archetype-webapp → 하단의 Create

 

 

3. 프로젝트를 어디서 열겠냐는 안내문구입니다 저는 this window로 했습니다

(전에 있던 프로젝트가 안보인다고 당황하지 마세요!

인텔리 제이는 프로젝트 단위로 창이 열립니다!
이클립스는 프로젝트가 다 보이지만 인텔리제이는 아님)

 

 

 

• TomCat 설치하기 

4. 구글에 tomcat 검색 → Download (수업은 Tomcat9으로 하고있습니다) 

 

 

Apache Tomcat® - Apache Tomcat 9 Software Downloads

 

 

5. 32-bit/64-bit Windows Service installer를 다운로드하고 설치를 진행해주세요

(건들 필요 없이 그냥 다음버튼 눌러서 설치를 진행해주세요)

 

 

6. tomcat을 다운 받았다면 저장 폴더를 한번 들어가 주어야합니다

(사용자 인식 뭐시기 때문이래요) 

다운로드 위치를 변경하지 않았다면 경로는

내컴퓨터 → C드라이브 → Program Files → Apache Software Foundation → Tomcat 9.0

 

 

• IntelliJ - pom.xml 설정

7. 처음 만들어진 pom.xml는 사진과는 조금 다릅니다

드레그한 부분을 제외하고 지우고 아래 파일 안에 있는 pom.xml 파일의 내용을

복사해서 붙여 넣습니다

설정파일.zip

0.00MB

 

 

8.다음은 Web-INF 폴더에 root-context , servlet-context , web 파일을 옮겨 넣어주세요

 

 

Web-INF 폴더를 본 김에 새로 폴더 하나를 만들고

화면에 보여질 내용을 작성해보겠습니다 폴더의 이름은 views로 설정해주세요

 

 

 

만들어진 views 폴더 안에 jsp/jspx 파일을 하나 만들어주세요

(파일의 이름은 Index로 해주세요!!!)

 

 

html에서 많이 보던 양식입니다 이는 java에서 html처럼 코딩을 할 수 있게 만들어주는 기능입니다

body태그 안에 h2태그를 사용하여 "Hello Spring Framework!!" 를 작성했습니다

 

resources폴더를 하나 만들어주세요

 

 

9. main 폴더 아래 새로 java 폴더를 하나 만들어주겠습니다

 

 

10. 만들어진 java 폴더 안에 패키지 com.icia.ex1 양식의 폴더를 하나 만들어줍니다

(이 양식은 naver.com/news < 를 반대로 한것과 같습니다 한마디로 icia.com/ex1)

 

 

 

11.  보기 편하게 설정을 바꿔주겠습니다

톱니 → 트리모양 → 중간 패키지 압축 해제

 

 

12. 중간 압축이 풀렸습니다 ex1 폴더에 새로 패키지 하나 만들어주세요

패키지의 이름은 controller로 하겠습니다

 

 

13. 만들어진 controller 패키지 안에 Java 클래스를 하나 듭니다

class의 이름은 HomeController로 하겠습니다

 

 

자동 입력을 사용하면 import는 자동 생성됩니다

14.어노테이션을 아래의 메소드에 적용시켜줍니다

@Controller를 사용하여 Homecontroller class에 컨트롤 권한을 주었고

그안의 index 메소드에 GetMapping 을 사용하여

index.jsp 파일을 찾아 서버에 리턴하게 만들었습니다

여기서 return 에 들어가는 문자는 꼭 서버에 반영하고 싶은 jsp파일의 이름으로 해야합니다

 

 

14-1 . 만약 return을  index라고 하지 않고 home이라고 넣는 경우

이렇게 home.jsp 파일을 찾을 수 없기 때문에 404에러가 발생합니다

@GetMapping은 return 하는 text의 뒤에 .jsp를 붙이고 WEB-INF에서 해당 파일을 찾아 서버에 올립니다

하지만 home.jsp가 없기 때문에 에러 404가 발생한 모습입니다

 

 

15. index 클래스를 만들고 다시 WEB-INF폴더로 돌아와

servlet-context.xml 안에 프로젝트 패키지이름 확인란에 폴더 이름을 넣어주세요

(꼭 패키지 이름에 맞게 넣어주셔야합니다)

 

16. 이제 tomcat을 구동해 로컬 서버를 열어 한번 웹에 띄워보겠습니다

상단에 있는 셀렉바를 눌러 구성 편집으로 들어가주세요

 

 

17. 새 항목 추가를 눌러주시고 하단으로 내려 tomcat 서버의 로컬을 눌러주세요

TomEE서버와 아이콘이 같아 착각하기 쉬우니 주의하세요!

 

 

18.이렇게 창이뜨면 애플리케이션 서버 부분에 구성을 눌러주세요

 

 

tomcat을 다운로드 받은 경로를 찾아주세요

 

 

(tomcat 다운로드 폴더에서 tomcat9.0폴더를 한번도 들어가지 않았다면 뜨지 않습니다

꼭 한번이라도 따로 폴더를 눌러 진입해주어야합니다)

 

 

이름이 자동으로 Tomcat 9.0.73으로 설정이 되어있지만 꼭 이렇게 사용하지 않아도 됩니다

저는 기본 브라우저가 크롬이 아니기 때문에 chrome으로 변경하고 실행했습니다

본인이 원하는 웹브라우저로 설정해주세요

 

(포트는 8080이 기본으로 들어갑니다 하지만 이미 8080포트를 사용중이라면

한 포트에는 하나의 프로젝트만 실행 가능하기 때문에 다른 포트로 변경해주세요 예 : 8081 )

19.이제 서버 바로 옆의 배포항목으로 넘어가 아티펙트를 설정해줍니다

 

 

 

이렇게 설정하면 하단의 애플리케이션 컨텍트 부분에 다른 양식이 박혀있습니다

이부분을 " / " 로 바꾸고 확인을 눌러주세요

 

 

이제 tomcat으로 설정후 실행 / 디버깅 버튼을 누면

창이 자동으로 열리며 잘 실행된 모습을 확인 할 수있습니다!