๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
๋ฐ˜์‘ํ˜•

๊ฐœ๋ฐœ์–ธ์–ด/JSP7

[JSP/Servlet] ํŒŒ์ผ์—…๋กœ๋“œ ๊ตฌํ˜„ํ•˜๊ธฐ +ํŽ˜์ด์ง• ์•ˆ๋…•ํ•˜์„ธ์š” yunamom ์ž…๋‹ˆ๋‹ค :D ์ด๋ฒˆ ํฌ์ŠคํŒ…์—์„œ๋Š” ํŒŒ์ผ์—…๋กœ๋“œ(Mysql) , ํŒŒ์ผ ๋ชฉ๋ก, ํŒŒ์ผ ์ƒ์„ธ๋ณด๊ธฐํ™”๋ฉด์„ ๊ตฌํ˜„ํ•ด๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. ๐Ÿ‘ฉ๐Ÿป‍๐Ÿ’ป Mysql ํ…Œ์ด๋ธ” ์ƒ์„ฑ ๋ฐ webapp/images ํด๋” ์ƒ์„ฑ CREATE TABLE fileboard( unq INT unsigned NOT NULL AUTO_INCREMENT, name VARCHAR(50), title VARCHAR(100), fileName VARCHAR(200), hits INT unsigned default '0', uploadDate DATETIME, PRIMARY KEY(unq) ); INSERT INTO fileboard VALUES(1, 'ํ…Œ์ŠคํŠธ', 'ํŒŒ์ผ์—…๋กœ๋“œ ํ…Œ์ŠคํŠธ ์ž…๋‹ˆ๋‹ค.', 'file2.png', 0, sysdate()); .. 2022. 6. 13.
[JSTL] JSTL ๊ธฐ์ดˆ ์ •๋ฆฌ (๋ฌธ๋ฒ• / ์ž‘์„ฑ๋ฒ•) โœจ1. JSTL ์ด๋ž€ 1. JSP ํ‘œ์ค€๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ(JSP Standard Tag Library) ์ด๋‹ค. 2. JSP์—์„œ (๋ฐ˜๋ณต๊ณผ ์กฐ๊ฑด, ๋ฐ์ดํƒ€ ๊ด€๋ฆฌ ํฌ๋งท, XML ์กฐ์ž‘, ๋ฐ์ดํƒ€๋ฒ ์ด์Šค ์•ก์„ธ์Šค)์„ ๊ตฌํ˜„ํ•˜๋Š” ์ปค์Šคํ…€ ํƒœ๊ทธ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ๋ชจ์Œ์ด๋‹ค. 3. ์‹œ๊ฐ„, ๋‚ ์งœ, ์ˆซ์ž์˜ ํฌ๋งท์ด๋‚˜ ๋ฌธ์ž์—ด ๊ฐ€๊ณต๋“ฑ์˜ ์ฒ˜๋ฆฌ์—์„œ ๋น„์ฆˆ๋‹ˆ์Šค๋กœ์ง๊ณผ ํ”„๋ฆฌ์  ํ…Œ์ด์…˜ ๋กœ์ง์„ ๋ถ„๋ฆฌํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์ค€๋‹ค. 4. JSTL์€ EL(Expression Language)๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ํ‘œํ˜„ํ•œ๋‹ค. โœจ2. JSTL ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ๊ธฐ๋Šฅ ์ ‘๋‘์–ด ์ฝ”์–ด ์ผ๋ฐ˜ ํ”„๋กœ๊ทธ๋žจ ์–ธ์–ด์—์„œ ์ œ๊ณตํ•˜๋Š” ๋ณ€์ˆ˜์„ ์–ธ, ์กฐ๊ฑด/์ œ์–ด/๋ฐ˜๋ณต๋ฌธ๋“ฑ์˜ ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•œ๋‹ค. c ํฌ๋งทํŒ… ์ˆซ์ž,๋‚ ์งœ,์‹œ๊ฐ„์„ ํฌ๋งทํŒ… ํ•˜๋Š” ๊ธฐ๋Šฅ๊ณผ ๊ตญ์ œํ™”, ๋‹ค๊ตญ์–ด ์ง€์› ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•œ๋‹ค. fmt ํ•จ์ˆ˜ ๋ฌธ์ž์—ด์„ ์ฒ˜๋ฆฌํ•˜๋Š” ํ•จ์ˆ˜๋ฅผ ์ œ๊ณตํ•œ๋‹ค. fn.. 2022. 4. 7.
[JSP/Servlet] css, js ์ ์šฉ์ด ์•ˆ๋จ ํ•ด๊ฒฐํ•˜๊ธฐ ์•ˆ๋…•ํ•˜์„ธ์š” yunamom ์ž…๋‹ˆ๋‹ค :D ํ”„๋กœ์ ํŠธ๋ฅผ ํ•˜๋‹ค๋ณด๋ฉด JSP ์— css, js ํŒŒ์ผ์ด ์ ์šฉ์ด ์•ˆ๋˜๋Š” ๊ฒฝ์šฐ๊ฐ€ ์žˆ๋Š”๋ฐ์š” an error occurred trying to load the resource ์—๋Ÿฌ๊ฐ€ ๋‚˜๊ฒŒ๋ฉ๋‹ˆ๋‹ค. ์ด๋Ÿด๊ฒฝ์šฐ web.xml ์—์„œ mapping์„ ํ•ด์ฃผ์‹œ๋ฉด ๋ฉ๋‹ˆ๋‹ค.๐Ÿ˜Š WEB-INF/web.xml ๐Ÿ‘‡ web.xml ์— ์•„๋ž˜์™€ ๊ฐ™์ด ์ž‘์„ฑํ•ด์ค๋‹ˆ๋‹ค. default *.js *.css *.jpg *.gif *.png *.ico *.swf jsp *.jsp *.jspx ๐Ÿ’ก๋งŒ์•ฝ ์›น ์บ์‹ฑ ๋•Œ๋ฌธ์— ์ด์ „ css๊ฐ€ ์ ์šฉ๋˜๋Š” ๊ฒฝ์šฐ์—๋Š” ๋์— ๋ฒ„์ „์„ ์ถ”๊ฐ€ํ•ด์ฃผ์‹œ๋ฉด ๋ฉ๋‹ˆ๋‹ค. (ver=1) 2022. 4. 5.
[JSP] ๊ฒŒ์‹œ๊ธ€ ์ค„๋ฐ”๊ฟˆํ•˜๊ธฐ - ( c:out / <pre> ํƒœ๊ทธ ) 1. JSTL c:out ํƒœ๊ทธ๋ฅผ ์‚ฌ์šฉ c:out ํƒœ๊ทธ๋Š” ์ž๋ฐ”์—์„œ์˜ System.out.println ๋ฉ”์„œ๋“œ, JSP์™€ ๋น„์Šทํ•œ ์—ญํ• ์„ ๊ฐ€์ง€๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์–ด๋–ค ๊ฐ’์„ ์ž…๋ ฅ๋ฐ›๋˜์ง€ ๊ฐ„์— ์ฝ˜์†”์ด ์•„๋‹Œ ํ™”๋ฉด์— ๋ฌธ์ž์—ด๋กœ ๋ฐ”๊พธ์–ด์„œ ๋ณด์—ฌ์ฃผ๋Š” ์—ญํ• ์ž…๋‹ˆ๋‹ค. 2. ํƒœ๊ทธ๋ฅผ ์‚ฌ์šฉํ•˜๊ธฐ ๋™์ ์œผ๋กœ ์ƒ์„ฑ๋˜๋Š” HTML์„ ํ‘œ์‹œํ•˜๊ธฐ ์œ„ํ•ด์„œ ~ ํƒœ๊ทธ๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ์žˆ๋Š” ๊ทธ๋Œ€๋กœ์˜ ์›น๋ธŒ๋ผ์šฐ์ €์— ํ‘œ์‹œํ• ์ˆ˜ ์žˆ๋‹ค. ํ•˜์ง€๋งŒ, ์ด๊ฒƒ์ด ํ…Œ์ด๋ธ”์— ์ ์šฉ๋  ๋•Œ๋Š” ํ…Œ์ด๋ธ”์˜ ์…€์ด ๋ญ‰๊ฐœ์ง€๊ฑฐ๋‚˜, ํ…Œ์ด๋ธ”์„ ๊ณ ์ •์‹œ์ผœ๋ฉด ์…€์„ ๋„˜์–ด๊ฐ€๋Š” ๋ฌธ์ œ๊ฐ€ ์ƒ๊ธด๋‹ค. ${ CONTENT } ๐Ÿ‘‡์˜์—ญ์— ๋งž๊ฒŒ ๊ธ€์ด ์ž๋™ ์ค„๋ฐ”๊ฟˆ ๋˜์ง€ ์•Š๊ณ  ์˜์—ญ์„ ๋„˜์–ด๊ฐ€ ๋ฒ„๋ฆด ๋•Œ ์•„๋ž˜ CSS ์ฝ”๋“œ๋ฅผ ์ถ”๊ฐ€ํ•ด์ค๋‹ˆ๋‹ค. pre { white-space: pre-wrap; } 2022. 3. 30.
JSP - ์„œ๋ธ”๋ฆฟ ๊ธฐ์ดˆ ( model 2 ๋ฐฉ์‹ ) STEP 2 ์•ˆ๋…•ํ•˜์„ธ์š” yunamom ์ž…๋‹ˆ๋‹ค STEP 1 ์—์„œ๋Š” ๋ฐ์ดํ„ฐ๊ฐ€ ๋„˜์–ด์™”์„๋•Œ ์ฝ˜์†”์ฐฝ์—์„œ ์ถœ๋ ฅ์„ ํ™•์ธํ• ์ˆ˜์žˆ์—ˆ๋Š”๋ฐ์š” ์ด๋ฒˆ์‹œ๊ฐ„์—๋Š” ๋ฐ์ดํ„ฐ ํ™”๋ฉด์ถœ๋ ฅ ํ•˜๋Š”๋ฒ•์„ ํฌ์ŠคํŒ…ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. ๋จผ์ € LoginPro.java ํŒŒ์ผ์— ์•„๋ž˜์™€ ๊ฐ™์ด ์ฝ”๋“œ๋ฅผ ์ถ”๊ฐ€์ž‘์„ฑํ•ด์ฃผ์„ธ์š”. ๐Ÿ‘‡LoginPro.java ์ „์ฒด์ฝ”๋“œ package com.test.web.controller; import java.io.IOException; import javax.servlet.RequestDispatcher; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.h.. 2022. 3. 28.
JSP - ์„œ๋ธ”๋ฆฟ ๊ธฐ์ดˆ ( model 2 ๋ฐฉ์‹ ) STEP 1 ์•ˆ๋…•ํ•˜์„ธ์š” yunamom ์ž…๋‹ˆ๋‹ค. ์„œ๋ธ”๋ฆฟ ์˜ ๊ธฐ์ดˆ๋ถ€ํ„ฐ ์ฐจ๋ก€๋Œ€๋กœ ํฌ์ŠคํŒ…ํ•˜๋ ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค. ์ดˆ๋ณด์˜ ์ž…์žฅ์ด๋‹ˆ ์˜คํƒ€/์‹ค์ˆ˜๊ฐ€ ์žˆ์œผ๋ฉด ๋‹ต๊ธ€ ๋ถ€ํƒ๋“œ๋ ค์š” :D ๋จผ์ € ์‹ค์Šต์„ ์œ„ํ•ด jspํŒŒ์ผ ์„ ๋จผ์ € ์ƒ์„ฑํ•˜๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. ๐Ÿ‘‡LoginForm.jsp ๐Ÿ‘‡style.css @charset "UTF-8"; body{ background: #fbf0d7; font-size: 17px; } .wrapper{ display: flex; justify-content: center; align-items: center; } .box{ margin: 5rem; } .login{ width: 300px; } input{ margin: 3px; width: 100%; height: 35px; border: 0; border-radius: 0.3.. 2022. 3. 28.
300x250

์ฝ”๋“œ