안녕하세요.!
홈페이지 만들어보기 과정 중에서 지난 번에 JDK, STS 설치까지 하였습니다.
(* JDK, 이클립스 STS 설치 내용을 참고가 필요하시면 아래 내용 확인 부탁드립니다.)
홈페이지 직접 만들기 - (1) jdk 설치 및 이클립스 STS 설치
안녕하세요!! 홈페이지를 구축해보기 위해 우선 개발환경 설치하기를 진행해봤습니다. JDK를 설치하고, 이클립스 설치까지 우선 하였으니 한번 참고해보시면서 해보시기 바랍니다.ㅎㅎ 1> JDK 설
lovefor-you.tistory.com
우선 로컬에서 홈페이지를 띄워보려고 해서 이번에는 프로젝트를 생성하여 호출하는 소스를 만들어보고
웹서버 역할로 톰캣 서버를 설치하여 로컬에서 홈페이지 호출을 한번 해보겠습니다.ㅎㅎ
1> Web 소스 프로젝트 생성
아래 화살표 표시에서 Create new Spring Starter Project 프로젝트를 생성하여도 되고
File -> New -> Spring Starter Project 경로 통해서 생성 가능합니다.
만약에 아래와 같이 오류가 뜨면 마켓에서 TestNG plug-in for Eclipse 를 추가로 설치가 필요합니다.
아니면 압축 푸실 때 C 드라이브에 이름 짧게 잘 지정해서 압축풀면 해결되었습니다.
(참고 : TestNG를 사용하면 테스트 메소드, 테스트 클래스 및 테스트 케이스를 프로젝트 내에서 병렬로 실행할 수 있습니다. 병렬 실행을 수행함으로써 테스트가 시작되고 다른 스레드에서 동시에 실행될 때 '실행 시간'을 줄일 수 있다고 합니다.)
정상적으로 프로젝트 생성하기
아래에 Web 항목에서 Spring Web 으로 생성한다.
Finish 눌러서 프로젝트를 생성해줍니다.
2> 홈페이지에서 실제 띄울 페이지 main.jsp 생성 / 해당 main.jsp 를 호출할 MainController.java 생성
java 경로에 아래와 같이 main으로 호출할 MainController.java 를 생성해주고
'Hello java' 가 쓰여진 main.jsp 를 호출하는 부분을 소스로 작성합니다.
package com.example.demo.main.controller;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
@Controller
public class MainController {
@RequestMapping(value="/") // 컨트롤 할 URL을 지정. URL의 path 부분을 작성
public String main() {
return "main"; // View의 폴더, 파일 이름을 문자열로 리턴
}
}
3> main.jsp 생성
화면에 띄워줄 jsp 페이지를 만들어서 "Hello java!!!!" 를 간단히 써봅니다.
<%@ page language="java" contentType="text/html; charset=EUC-KR"
pageEncoding="EUC-KR"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>
Hello World.!!!!!!!
</body>
</html>
4> pom.xml 파일에 추가
JSP 구동시켜주는 내장톰캣 모듈과 JSTL 지원해주는 JSTL 모듈들을 pom.xml 에 추가
<dependency>
<groupId>javax.servlet</groupId>
<artifactId>jstl</artifactId>
</dependency>
<dependency>
<groupId>org.apache.tomcat.embed</groupId>
<artifactId>tomcat-embed-jasper</artifactId>
</dependency>
5> application.properties 추가
MainController 에서 return "main"; 의미는 /WEB-INF/jsp/main.jsp 경로로 리턴시키기 위하여
공통적인 경로를 설정해주기 위해 application.properties 파일에서 view 처리
- prefix : controller 내 return 문자열 앞에 붙는 문자
- suffix : return 문자열 뒤에 붙는 문자
spring.mvc.view.prefix=/WEB-INF/jsp/
spring.mvc.view.suffix=.jsp
6> 마지막으로 아래 웹서버 역할을 하는 Boot Dashboard 에서 해당 프로젝트 실행
별도로 톰캣 서버를 설치하셔서 톰캣서버를 실행시켜도 되고 내부적으로 지원하는 해당 Boot Dashboard 를 실행시켜도 됩니다.
7> 크롬창에서 'http://localhost:8080/' 로컬 주소로 한번 호출해본다.
다음에는 한번 다른 페이지를 만들어보고 CSS, 이미지를 입히고, 다른 JSP 호출하는 작업들을 해보고 공유드리겠습니다!
이후에는 서버를 실제로 별도로 하나 만들어서 해당 서버를 호출하여 홈페이지를 호출하고자 합니다.
완성되면 아래 URL 추가할 예정입니다.!! ㅎㅎ
감사합니다.
'IT ▶ > Java & Web' 카테고리의 다른 글
| 모바일 App, Web 프론트엔드, 백앤드 개발 개념 (2) | 2021.06.07 |
|---|---|
| [App 개발] 네이티브 앱, 하이브리드 앱 차이 (0) | 2021.05.18 |
| 홈페이지 직접 만들기 - (1) jdk 설치 및 이클립스 STS 설치 (0) | 2021.02.07 |
| HTML 문서 구조와 태그(Tag), 폼(Form) 설명 (0) | 2021.01.20 |
| Picked up JAVA_TOOL_OPTIONS 오류 해결방법 (0) | 2020.12.30 |