view์์ controller๋ก ๋ฐ์ดํฐ ๋ณด๋ด๊ธฐ 1. ์ปจํธ๋กค๋ฌ์์ JSP๋ก ๋ฐ์ดํฐ ๊ฐ์ ธ์ค๊ธฐ view ์คํฌ๋ฆฝํ๋ฆฟ๊ณผ elํ๊ทธ ์ฌ์ฉ ๊ฐ๋ฅ. ๋ฒํธ : ์ด๋ฆ : number : ${mycls.number } name : ${mycls.name } controller model์ ์ฌ์ฉํ์ฌ ๋ฐ์ดํฐ ์ ๋ฌ @RequestMapping(value = "hello.do", method = RequestMethod.GET) public String hello(Model model) { logger.info("HelloController hello() " + new Date()); MyClass cls = new MyClass(1001, "ํ๊ธธ๋"); model.addAttribute("mycls", cls); return "..
๐ป ๊ฐ๋ฐ
![](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FblDZeJ%2Fbtq2yodw0KP%2FkLvW9Gp5VNaiDxkYqzlHu0%2Fimg.png)
MyBatis Framework ๊ฐ๋ฐ์๊ฐ ์ง์ ํ SQL, ์ ์ฅํ๋ก์์ ๊ทธ๋ฆฌ๊ณ ๋ช ๊ฐ์ง ๊ณ ๊ธ ๋งคํ์ ์ง์ํ๋ ํผ์์คํด์ค ํ๋ ์์ํฌ MyBatis ์ฌ์ฉ ์ด์ 1. ์ฌ์ด ์ ๊ทผ์ฑ๊ณผ ์ฝ๋์ ๊ฐ๊ฒฐํจ - JDBC์ ๋ชจ๋ ๊ธฐ๋ฅ์ MyBatis๊ฐ ๋๋ถ๋ถ ์ ๊ณตํ๋ค. - ๋ณต์กํ JDBC ์ฝ๋๋ฅผ ๊ฑท์ด๋ด๋ฉฐ ๊น๋ํ ์์ค์ฝ๋๋ฅผ ์ ์งํ ์ ์๋ค. - ์๋์ ์ธ ํ๋ผ๋ฏธํฐ ์ค์ ๊ณผ ์ฟผ๋ฆฌ ๊ฒฐ๊ณผ์ ๋ํ ๋งตํ ๊ตฌ๋ฌธ์ ์ ๊ฑฐํ ์ ์๋ค. 2. SQL ๋ฌธ๊ณผ ํ๋ก๊ทธ๋๋ฐ ์ฝ๋์ ๋ถ๋ฆฌ - SQL์ ๋ณ๊ฒฝ์ด ์์ ๋๋ง๋ค ์๋ฐ ์ฝ๋๋ฅผ ์์ ํ๊ฑฐ๋ ์ปดํ์ผํ์ง ์์๋ ๋๋ค. 3. ๋ค์ํ ํ๋ก๊ทธ๋๋ฐ ์ธ์ด๋ก ๊ตฌํ ๊ฐ๋ฅ Spring์์ MyBatis ์ธํ
๋ฐฉ๋ฒ 1. lib ํด๋์ mybatis-3.4.6.jar(mvnrepository.com/ ์์ mybatis ๊ฒ์ ..
Spring Framework - ์๋ฐ ํ๋ซํผ์ ์ํ ์คํ์์ค ์ ํ๋ฆฌ์ผ์ด์
ํ๋ ์์ํฌ๋ก์ ์ํฐํ๋ผ์ด์ฆ๊ธ ์ ํ๋ฆฌ์ผ์ด์
์ ๊ฐ๋ฐํ๊ธฐ ์ํ ๋ชจ๋ ๊ธฐ๋ฅ์ ์ข
ํฉ์ ์ผ๋ก ์ ๊ณตํ๋ ๊ฒฝ๋ํ๋ ์๋ฃจ์
Spring์ ์ฌ์ฉ ๋ชฉ์ 1. ์ํฐํ๋ผ์ด์ฆ ๊ฐ๋ฐ์ ๋ณต์กํจ - ๊ธฐ์ ์ ์ธ ์ ์ฝ์กฐ๊ฑด๊ณผ ์๊ตฌ์ฌํญ์ด ๋์ด๋จ, ๋น์ฆ๋์ค ๋ก์ง ๋ณต์ก๋ ์ฆ๊ฐ 2. ๋ณต์กํจ์ ํด๊ฒฐํ๋ ค๋ ๋
ธ๋ ฅ - ์ ๊ฑฐ ๋ ์ ์๋ ๊ทผ๋ณธ์ ์ธ ๋ณต์กํจ, ์คํจํ ํด๊ฒฐ์ฑ
EJB 3. ๋ณต์กํจ์ ์๋ํ๋ ์คํ๋ง ์ ๋ต - ์๋น์ค ์ถ์ํ, AOP, ๊ฐ์ฒด์งํฅ, DI 4. ๊ธฐ์ ์ ์ผ๋ก ์คํ๋ง์ด ์งํฅํ๋ ๋ชฉ์ ์ ์ - POJO๋ฅผ ์ด์ฉํ ๊ฐ๋ณ๊ณ ๋น์นจํฌ์ ๊ฐ๋ฐ - POJO (Plain Old Java Object) - ์ค๋๋ ๋ฐฉ์์ ์๋ฐ ์คํ์ ํธ Java EE ๋ฑ์ ์ค๋ ํ๋ ์์ํฌ๋ค์ ์ฌ์ฉํ๊ฒ ๋๋ฉด์ ํด..
EL(Expression Language) ํ๊ทธ ์ฌ์ฉ ๋ชฉ์ : front end์์ Java๋ฅผ ์ฌ์ฉํ์ง ์๊ธฐ ์ํจ ELํ๊ทธ ํ์ --> ${๊ฐ or ์ฐ์ฐ์} ์คํฌ๋ฆฝํ๋ฆฟ๊ณผ EL ํ๊ทธ์ ๋น๊ต s = s = ${_str } - ๋ฌธ์ ์ถ๋ ฅ ${'๊ฐ' } - ์ฐ์ฐ ๊ฐ๋ฅ ${2+3 } - ์ผํญ์ฐ์ฐ์ ๊ฐ๋ฅ ${3>2?100:200 } - ์์ฑ๊ฐ(setAttribute)์ ํตํ ๋ฌธ์์ด ์ถ๋ ฅ ๊ฐ๋ฅ ${data } - empty, not empty : ํ ๋น๋์ด ์๋์ง (true, false) Object๊ฐ ํ ๋น๋์ด ์๋์ง? obj = ${empty _obj } obj = ${not empty _obj } - ํ๋ณ์(true/false), ์ฐ์ฐ์(value) 1 < 9 = ${1 < 9 } 1 + 3 = ${1 + 3 } ..
- Cookie Client ๊ณต๊ฐ์ ์ ์ฅ , String์ผ๋ก๋ง ์ ์ฅ๋๋ค. ID, PW, ๋ฐฉ๋ฌธํ์ ๋ฑ JavaScript์์๋ ์ ๊ทผ ๊ฐ๋ฅ - Session Server์ ์ ์ฅ. ์ ์ฅ ๊ธฐํ์ ์ค์ ๊ฐ๋ฅ. ๊ฐ์ธ์ ๋ณด (ID, PW, Name) , ๋ฐฉ๋ฌธ ํ์ ๋ฑ ํ๊ธ ์ฌ์ฉ์ด ๊ธ์ง๋๋ค. index.html hello servlet world servlet HelloServlet.java (Cookie ์ฌ์ฉ) package hello; import java.io.IOException; import java.io.PrintWriter; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet..
![](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FdQ1D2j%2FbtqZKBgKSix%2FYyKAUFCgFzxPBy2Y2THJi0%2Fimg.jpg)
- Servlet (Server + Applet) JAVA๋ฅผ ์ฌ์ฉํ์ฌ ์นํ์ด์ง๋ฅผ ๋์ ์ผ๋ก ์์ฑํ๋ ์๋ฒ ์ธก ํ๋ก๊ทธ๋จ JSP๋ HTML ๋ฌธ์ ์์ Java Servlet์ Java ์ฝ๋ ์์ HTML - Web Server ์ฌ์ฉ์๋ ํด๋ผ์ด์ธํธ URL์ ์ฝ์ ์นํ์ด์ง์ ์ฃผ์๋ฅผ ์
๋ ฅํ๊ณ ๊ฐ์ ธ์จ๋ค. ๊ทธ ๋ ์๋ฒ์์ ํด๋ผ์ด์ธํธ์๊ฒ ์นํ์ด์ง๋ฅผ ๋ณด๋ด๋ ๋ฐฉ์. - WAS (Web Application Server) (Web Server(์ ์ ) + Web Container(๋์ )) DB ์กฐํ๋ ๋ค์ํ ๋ก์ง ์ฒ๋ฆฌ๋ฅผ ์๊ตฌํ๋ ๋์ ์ธ ์ปจํ
์ธ ๋ฅผ ์ ๊ณตํ๊ธฐ ์ํด ๋ง๋ค์ด์ง ์ดํ๋ฆฌ์ผ์ด์
์๋ฒ. - Servlet ๋์ ๋ฐฉ์ - GET ์ ์กํ ๋ URL๋ก Parameter๊ฐ ์ ์ก๋์ด ๋๋ฉ์ธ์ ํ์๊ฐ ๋๋ค. ๋ณด์์ ์ทจ์ฝํ๋ค. (ex : s..
![](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2F9EtjX%2FbtqZIAnU9KM%2Fsk9yLmWICwkULnsYeQDC40%2Fimg.jpg)
- XML (eXtensible Markup Language) ๋ฐ์ดํฐ๋ฅผ ์ ์ฅํ๊ณ ๊ณต์ ํ๊ธฐ ์ํ ๋ชฉ์ . ์ ์ฅ๋๋ ๋ฐ์ดํฐ์ ๊ตฌ์กฐ๋ฅผ ๊ธฐ์ ํ๋ ์ธ์ด. - ๊ธฐ๋ณธ ํ์ 1 ํ๊ธธ๋ ์์ธ์ 2020/03/23 2 ์ฑ์ถํฅ ๋จ์์ 2021/01/31 3 ์ผ์ง๋งค ๋ถ์ฐ์ 2019/07/11 - XML ํ์ผ ์ฝ๊ธฐ XMLํ์ผ์ ๋ถ๋ฌ์ฌ ๋ DOM์ผ๋ก ์ ๊ทผํ์ฌ ๋ฐ์ดํฐ๋ฅผ ๊ฐ์ ธ์ฌ ์ ์๋ค. *์๋ ๊ณผ์ ์ ํ์ ๊ณผ์ ์ด๋ฏ๋ก ํ์ ์์๋ ๊ฒ. - readyState : ์งํ์ํ 0 -> open ๋ฉ์๋๋ฅผ ์ํํ๊ธฐ ์ ์ํ 1 -> loading ์ค... 2 -> loading ์๋ฃ 3 -> Server ์ฒ๋ฆฌ์ค 4 -> Server ์ฒ๋ฆฌ์๋ฃ - status 200 -> success 403 -> ์ ๊ทผ ๊ธ์ง, Forbidden. 404 -> ์..
![](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbaYA7d%2FbtqZkqMWP6n%2FoucO9fAErHOWSEuBFVHork%2Fimg.gif)
ํ์ต ๋ด์ฉ - jQuery ๋ ๋ฌด์์ธ๊ฐ HTML์ ํด๋ผ์ด์ธํธ ์ฌ์ด๋์กฐ์์ ๋จ์ํ ํ๋๋ก ์ค๊ณ๋ ํฌ๋ก์ค ํ๋ซํผ์ ์๋ฐ์คํฌ๋ฆฝํธ ๋ผ์ด๋ธ๋ฌ๋ฆฌ (์ํค๋ฐฑ๊ณผ) - jQuery ๋ถ๋ฌ์ค๋ ๋ฐฉ๋ฒ ํ๊ทธ๋ head, boby ์ด๋์ ๋ฌ๋ ์๊ด์์ผ๋ ํต์์ ์ผ๋ก head์ ๋๋ค. 1. w3school์์ ์ฐพ์์ค๊ธฐ www.w3schools.com/ ๋ก ๋ค์ด๊ฐ ์ผ์ชฝ jQuery๋ก ์ด๋ ํ ์๋ฌด ์์๋ฌธ ๋ค์ด๊ฐ์ ์ฃผ์ ์ง์ ๊ธ์ด์ค๊ธฐ 2. ์์
ํด๋์ ํ์ผ๋์ ๋ถ๋ฌ์ค๊ธฐ jQuery ํ์ผ์ ๋ฐ์ ํ ์์
ํ์ผ์ ๋๊ณ ๋งํฌ ๊ฑธ๊ธฐ ex) 3. jQuery๊ณต์ ํํ์ด์ง ๊ณต์ ํํ์ด์ง์์ ์ง์ ์ฃผ์ ๋ฐ์์ค๊ธฐ. ex) - ํ์ $(tag๋ช
๋๋ id ๋๋ class ๋๋ name).ํธ๋ค๋ฌ ํจ์(๋งค๊ฐ๋ณ์) $(document).ready(functi..