๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
๊ฐœ๋ฐœ์–ธ์–ด/JSP

[JSP] ๊ฒŒ์‹œ๊ธ€ ์ค„๋ฐ”๊ฟˆํ•˜๊ธฐ - ( c:out / <pre> ํƒœ๊ทธ )

by yunamom 2022. 3. 30.
728x90
300x250

1. JSTL c:out ํƒœ๊ทธ๋ฅผ ์‚ฌ์šฉ

c:out ํƒœ๊ทธ๋Š” ์ž๋ฐ”์—์„œ์˜ System.out.println ๋ฉ”์„œ๋“œ, JSP์™€ ๋น„์Šทํ•œ ์—ญํ• ์„ ๊ฐ€์ง€๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. 

 

์–ด๋–ค ๊ฐ’์„ ์ž…๋ ฅ๋ฐ›๋˜์ง€ ๊ฐ„์— ์ฝ˜์†”์ด ์•„๋‹Œ ํ™”๋ฉด์— ๋ฌธ์ž์—ด๋กœ ๋ฐ”๊พธ์–ด์„œ ๋ณด์—ฌ์ฃผ๋Š” ์—ญํ• ์ž…๋‹ˆ๋‹ค. 

<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<!-- ์ƒ๋‹จ์— ์ž‘์„ฑํ•ด์ค๋‹ˆ๋‹ค. -->
<%
	pageContext.setAttribute("LF", "\n");
	pageContext.setAttribute("BR", "<br/>");
%>
<!-- ๋ณธ๋ฌธ -->
<c:out value="${fn:replace(CONTENT, LF, BR)}" escapeXml="false"/>

2. <pre> ํƒœ๊ทธ๋ฅผ ์‚ฌ์šฉํ•˜๊ธฐ

๋™์ ์œผ๋กœ ์ƒ์„ฑ๋˜๋Š” HTML์„ ํ‘œ์‹œํ•˜๊ธฐ ์œ„ํ•ด์„œ <pre> ~ </pre> ํƒœ๊ทธ๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ์žˆ๋Š” ๊ทธ๋Œ€๋กœ์˜ ์›น๋ธŒ๋ผ์šฐ์ €์— ํ‘œ์‹œํ• ์ˆ˜ ์žˆ๋‹ค.

 

ํ•˜์ง€๋งŒ, ์ด๊ฒƒ์ด ํ…Œ์ด๋ธ”์— ์ ์šฉ๋  ๋•Œ๋Š” ํ…Œ์ด๋ธ”์˜ ์…€์ด ๋ญ‰๊ฐœ์ง€๊ฑฐ๋‚˜, ํ…Œ์ด๋ธ”์„ ๊ณ ์ •์‹œ์ผœ๋ฉด ์…€์„ ๋„˜์–ด๊ฐ€๋Š” ๋ฌธ์ œ๊ฐ€ ์ƒ๊ธด๋‹ค.

 

<pre> ${ CONTENT } </pre>

๐Ÿ‘‡์˜์—ญ์— ๋งž๊ฒŒ ๊ธ€์ด ์ž๋™ ์ค„๋ฐ”๊ฟˆ ๋˜์ง€ ์•Š๊ณ  ์˜์—ญ์„ ๋„˜์–ด๊ฐ€ ๋ฒ„๋ฆด ๋•Œ ์•„๋ž˜ CSS ์ฝ”๋“œ๋ฅผ ์ถ”๊ฐ€ํ•ด์ค๋‹ˆ๋‹ค.

pre { white-space: pre-wrap; }

 

728x90
300x250

์ฝ”๋“œ