์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 |
30 | 31 |
- JS #ํ๋ก์ ํธ
- ํผํ
- https://m.blog.naver.com/tt2t2am1118/221010125300
- https://youtube.com/playlist?list=PLuHgQVnccGMA5836CvWfieEQy0T0ov6Jh&si=FTaYv8m21EhO-A2K
- slow and steady
- ๊ฒ์
- setTimeout()
- execCommand
- ์ฐธ๊ณ ๋ธ๋ก๊ทธ
- prj
- ajax
- mysql
- ๋น๋๊ธฐ
- async
- eport
- Porject
- js
- database
- callback
- promise
- webpack
- Import
- db
- ๋๊ธฐ
- await
- Project
- addEventListener
- object
- json
- sql
- Today
- Total
C-log
4week ๋ณธ๋ฌธ
UTF-์ ๋ฌด์์ธ๊ฐ
UTF๋ Universal Character Set (UCS) Transformation Format์ ์ฝ์๋ก, ์ ๋์ฝ๋ ๋ฌธ์๋ฅผ ์ธ์ฝ๋ฉํ๊ธฐ ์ํ ๊ฐ๋ณ ๊ธธ์ด ๋ฌธ์ ์ธ์ฝ๋ฉ ํ์์ด๋ค. UTF๋ ์ ์ธ๊ณ์ ๋ชจ๋ ๋ฌธ์๋ฅผ ๋ํ๋ด๊ธฐ ์ํด ์ค๊ณ๋ ๊ตญ์ ํ์ค ๋ฌธ์ ์ธ์ฝ๋ฉ ๋ฐฉ์ ์ค ํ๋์ด๋ค. UTF-8์ ๊ฐ๋ณ ๊ธธ์ด ๋ฌธ์ ์ธ์ฝ๋ฉ ๋ฐฉ์์ผ๋ก ASCII ๋ฌธ์๋ 1๋ฐ์ดํธ๋ก ์ธ์ฝ๋ฉ๋๊ณ ๊ทธ ์ด์์ ๋ฌธ์๋ 2๋ฐ์ดํธ 3๋ฐ์ดํธ ๋๋ 4๋ฐ์ดํธ๋ก ์ธ์ฝ๋ฉ๋๋ค. ์ด๋ฌํ ํน์ฑ ๋๋ถ์ UTF-8์ ๋ค์ํ ์ธ์ด์ ๋ฌธ์ ์งํฉ์ ํจ์จ์ ์ผ๋ก ์ง์ํ ์ ์๋ค.
* <action_tag>: HTML ๋ฌธ์ ๋ด์์ "action"์ ์ํํ๋ ํ๊ทธ์ด๋ค. ์ด๋ฌํ ํ๊ทธ๋ค์ ์ฃผ๋ก ์ฌ์ฉ์์ ์
๋ ฅ์ ์ํด ์๋ํ๋ฉฐ, ์ฌ์ฉ์์ ์ํธ์์ฉํ๋ ์์๋ฅผ ์์ฑํ๊ฑฐ๋ ์น ํ์ด์ง์ ๋์ ์ธ ๋ถ๋ถ์ ์ฒ๋ฆฌํ๋ ๋ฐ ์ฌ์ฉ๋๋ค. ์๋ฅผ ๋ค์ด, <form>, <button>, <input type="submit"> ๋ฑ์ด ์๋ค. ์ด๋ฌํ ํ๊ทธ๋ค์ ์ฌ์ฉ์๊ฐ ํด๋ฆญํ๊ฑฐ๋ ์
๋ ฅ์ ์ ์ถํ ๋ ์๋ฒ๋ก ๋ฐ์ดํฐ๋ฅผ ์ ์กํ๊ฑฐ๋ ํ์ด์ง๋ฅผ ๋ฆฌ๋ก๋ํ๋ ๋ฑ์ ์ก์
์ ์ํํ๋ค.
* <script_tag>: HTML ๋ฌธ์ ๋ด์์ JavaScript ์ฝ๋๋ฅผ ํฌํจํ๋ ํ๊ทธ์ด๋ค. JavaScript๋ ํด๋ผ์ด์ธํธ ์ธก ์น ํ๋ก๊ทธ๋๋ฐ ์ธ์ด๋ก, ์น ํ์ด์ง์ ๋์ ์ธ ๋์์ ์ถ๊ฐํ๊ณ ์ฌ์ฉ์์ ์ํธ์์ฉํ ์ ์๋๋ก ํด์ค๋ค. JSP(JavaServer Pages)์์ ์ฌ์ฉ๋๋ ์คํฌ๋ฆฝํธ๋ฆฟ(scriptlet)๋ <% ... %> ์ด๋ค. ์คํฌ๋ฆฝํธ๋ฆฟ์ JSP ํ์ด์ง ๋ด์์ Java ์ฝ๋๋ฅผ ์คํํ๊ณ ๋์ ์ฝํ
์ธ ๋ฅผ ์์ฑํ๋ ๋ฐ ์ฌ์ฉ๋๋ค. ์คํฌ๋ฆฝํธ๋ฆฟ์ JSP ์์ง์ ์ํด ์๋ธ๋ฆฟ ์ฝ๋๋ก ๋ณํ๋์ด ์คํ๋๋ค.
4์ฃผ์ฐจ์์๋ ํฐ ์ด๋ ค์์ด ์์๋ฐ. ์ค์ต ์คํ์ํ ์ฝ๋๋ฅผ ์ดํด๋ณด์.
main์ฝ๋๋ ์๋์ ๊ฐ๋ค
<%@ page contentType="text/html; charset=utf-8"%>
<html>
<head>
<title>Action Tag</title>
</head>
<body>
<jsp:useBean id="bean" class="ch04.com.dao.Calculator" />
<h3>์ ์ถ์: xxx</h3>
<h3>๊ตฌ๊ตฌ๋จ ์ถ๋ ฅํ๊ธฐ</h3>
<%
for (int i =1; i < 10; i++){
int m = bean.process(5, i);
out.println("5 * " + i + " = " + m +"<br>");
}
%>
</body>
</html>
์ jsp์ฝ๋ ์ดํด๋ณด์.
* <%@ page contentType="text/html; charset=utf-8"%>
ํด๋น ์ฝ๋๋ jsp ํ์ด์ง์ ์ฝํ ์ธ ์ ํ๊ณผ ๋ฌธ์ ์ธ์ฝ๋ฉ์ ์ค์ ํ๋ ์ฝ๋์ด๋ค. ์ฌ๊ธฐ์ html ์ฝํ ์ธ ๋ฅผ ์ฌ์ฉํ๊ณ ๋ฌธ์ ์ธ์ฝ๋ฉ์ UTF-8๋ก ์ค์ ๋์ด ์๋ค.
* <jsp:useBean id="bean" class="ch04.com.dao.Calculator" />
์ ํ๊ทธ๋ JavaBean ๊ฐ์ฒด๋ฅผ JSP ํ์ด์ง์์ ์ฌ์ฉํ ์ ์๋๋ก ์ค์ ํ๋ค. id ์์ฑ์ ์ฌ์ฉํ JavaBean ๊ฐ์ฒด์ ์๋ณ์๋ฅผ ์ง์ ํ๊ณ class ์์ฑ์ ํด๋น JavaBean ํด๋์ค๋ฅผ ์ง์ ํ๋ค. ์ฌ๊ธฐ์ id๊ฐ "bean"์ด๊ณ class๊ฐ "ch04.com.dao.Calculator"์ธ JavaBean ๊ฐ์ฒด๋ฅผ ์ฌ์ฉํ ์ ์๊ฒ ๋๋ค. ๋ฐ๋ผ์ jsp ์ฝ๋ ๋ธ๋ก ์์์ id๋ก ํด๋น ๊ฐ์ฒด๋ฅผ ์ ๊ทผํ ์ ์๋ค.
* int m = bean.process(5, i);
ํด๋น ์ฝ๋๋ bean์ด๋ผ๋ JavaBean ๊ฐ์ฒด์ process ๋ฉ์๋๋ฅผ ํธ์ถํ์ฌ ๊ตฌ๊ตฌ๋จ์ ๊ณ์ฐํ๋ค. JavaBean์ ์ ๊ทผ์ ํ๊ธฐ ์ํ ๋ฐฉ์์ ์์์ ์ค๋ช ํ ๋ฏ ํด๋น JavaBean์ id๋ฅผ ํตํด์ ํด๋น ๊ฐ์ฒด์ ์ ๊ทผํ ์ ์๋ค. ํด๋น ์ฝ๋๋ฅผ ํตํด ์ฐ๋ฆฌ๋ Calculator ์๋ process๋ผ๋ ํจ์๊ฐ ์๋ค๋ ๊ฒ์ ์ฐ๋ฆฌ๋ ์ถ์ธกํด ๋ณผ ์ ์๋ค. ์๋ ๋๋ณด๊ธฐ๋ฅผ ํตํด์ ํด๋น Calculator ์ฝ๋๋ฅผ ์ดํด ๋ณผ ์ ์๋ค.
package ch04.com.dao;
public class Calculator {
public int process(int x, int y) {
return x * y;
}
}
## DAO๋ ๋ฌด์์ธ๊ฐ?
DAO๋ ๋ฐ์ดํฐ ์ก์ธ์ค ๊ฐ์ฒด(Data Access Object)๋ฅผ ๋ํ๋ธ๋ค. DAO๋ ์ผ๋ฐ์ ์ผ๋ก ๋ฐ์ดํฐ๋ฒ ์ด์ค๋ ๋ค๋ฅธ ์์์ฑ ์ ์ฅ์์ ๋ํ ์ก์ธ์ค๋ฅผ ์ถ์ํํ๊ณ , ๋น์ฆ๋์ค ๋ก์ง๊ณผ ๋ฐ์ดํฐ ์ก์ธ์ค ์ฝ๋๋ฅผ ๋ถ๋ฆฌํ๋ ๋ฐ ์ฌ์ฉ๋๋ค.
์ฃผ์ ๋ชฉ์ ์ ๋ฐ์ดํฐ ์ก์ธ์ค๋ฅผ ์ํ ์ธํฐํ์ด์ค๋ฅผ ์ ๊ณตํ์ฌ ๋ฐ์ดํฐ๋ฒ ์ด์ค์์ ์ํธ ์์ฉ์ ๋จ์ํํ๊ณ ๋ฐ์ดํฐ๋ฒ ์ด์ค ์ก์ธ์ค ์ฝ๋๋ฅผ ์ ํ๋ฆฌ์ผ์ด์
์ ๋ค๋ฅธ ๋ถ๋ถ์์ ๋ถ๋ฆฌํ๋ ๊ฒ์ด๋ค. ์ด๋ฅผ ํตํด ์ฝ๋ ์ ์ง๋ณด์์ฑ์ ํฅ์์ํค๊ณ ๋ฐ์ดํฐ ์ก์ธ์ค ๋ก์ง์ ๋ณ๊ฒฝ์ ์ฝ๊ฒ ํ ์ ์๋ค.