[ HTML ] <img> 태그에 dummy 이미지 첨부 해보기

환경 : Spring Tools Suite4

 

 

[ 더미 이미지(Dummy image) ] 

 - 개발 단계에서 이미지가 위치할 곳에 가짜 이미지를 배치하는 것

 - 이를 제공해주는 사이트가 여럿 있다. 

• https://dummyimage.com/
• https://picsum.photos/ 

 

 < img 태그>에 대한 내용은 다른 게시글에 적어놨습니다.

---

[ 사용 예 ]

 

  - HtmlController.java

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
public class HtmlController {
	@RequestMapping("/dummy")
	public String dummy() {
		return "/WEB-INF/views/dummy.jsp";
	}
}

 

  - dummy.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
 
 <h1>더미 이미지</h1>
 
 <img src = "https://dummyimage.com/600x400">
 
 <hr>
 
 <img src = "https://picsum.photos/id/1/200/300">
 <img src = "https://picsum.photos/id/2/200/300">
 <img src = "https://picsum.photos/id/3/200/300">

 

  - 출력 결과

 

 

 

 

 

 

 

개인 공부 기록용입니다:)