반응형
VSCode에서 SpringBoot로 메인 화면인 index.html 을 생성해보자
1. index.html 파일 및 이미지 추가하기
src/main/resources 위치에 static 폴더를 만들고 index.html 파일을 추가한다.
index.html 파일 생성 후 웹페이지에 첨부할 이미지를 해당 경로에 붙여넣기 한다.
2. index.html 파일에 소스를 추가하기
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Solution Developer</title>
</head>
<body>
<img src="springlogo.png" width="200" height="200" alt="index img">
<h1>Hello, gethlemn!</h1>
</body>
</html>
<title> </title>에 원하는 웹페이지의 타이틀명을 적어준다.
<body> </body> 내부의 <img src="">에 파일명을 입력하고 <h1> </h1> 사이에 원하는 인사말을 적어준다.
3. 코드 실행하기
ctrl + F5를 눌러 실행한다.
4. localhost:port 로 접속하여 확인한다.
* Spring Boot Port 변경 방법 : resources 밑에 있는 application.properties 파일에 아래와 같이 port 번호를 추가한다.
server.port = 5090
아래와 같이 저장한 이미지와 메세지가 출력되는 것을 확인할 수 있다.
반응형
'Spring Boot' 카테고리의 다른 글
| [웹사이트 제작] VSCode + Spring Boot + Gradle 프로젝트 만들기(2) - 웹 템플릿 이용하여 jsp 파일에 적용하기 (0) | 2020.04.06 |
|---|---|
| [웹사이트 제작] VSCode + Spring Boot + Gradle 프로젝트 만들기(2) - jsp, controller 세팅 및 연결하기 (0) | 2020.04.06 |
| [웹사이트 제작] VSCode + Spring Boot + Gradle 프로젝트 만들기(1) (0) | 2020.04.06 |
| [Springboot] VSCode에서 웹 템플릿을 이용한 스프링부트 웹사이트 만들기(1) (0) | 2020.04.03 |
| VSCode에서 Spring Boot 시작하기 (0) | 2020.04.02 |