Web programming30 (22.11.10)Web ํ๋ก๊ทธ๋๋ฐ: AJAX ๋ฐฉ์์ ์ด์ฉํ ์น ๊ตฌ์ถํ๋ก๊ทธ๋๋ฐ(JSON, MVC) userList.jsp ํ๋จ์ [๋ช ๋จ ๋ณด๊ธฐ] ๋ฒํผ์ ์์ฑํ๊ณ ๊ทธ ๋ฒํผ์ ํด๋ฆญํ๋ฉด alert ์ ๋ชจ๋ ์ด์ฉ์์ ์ด๋ฆ์ด ํ์๋๋๋ก ํ๋ผ ์๋ฒ์ธก์์ ๋ชจ๋ ์ด๋ฆ์ ๊ตฌํ์ฌ JSON๋ฐฐ์ด ํ์์ ๋ฌธ์์ด๋ก ์๋ตํ๋ฉด ์๋ฐ์คํฌ๋ฆฝํธ์์๋ ๊ทธ ๋ฌธ์์ด์ ์์ ํ์ฌ JSON.parse(str)๋ฅผ ์ฌ์ฉํ์ฌ ์๋ฐ์คํฌ๋ฆฝํธ๋ฐฐ์ด์ ์ฌ์ฉํ ์ ์๋ค. java๋ฅผ ์ฌ์ฉํ json๋ฐฐ์ด ํ์์ ๋ฌธ์์ด ์์ฑ๋ฒ String strArr = "[\"Smith\", \"Mary\"]" (๋ฐธ๋ฅ์ ์ฐ์) out.println(strArr) json simple ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ jsonarray ํด๋์ค๋ฅผ ์ฌ์ฉํ๋ฉด ์ฝ๊ฒ json๋ฐฐ์ด์ ํ์์ ๋ฌธ์์ด ์์ฑ ๊ฐ๋ฅ ๋ฌธ์์ด >1 json ์ค๋ธ์ ํธ >2 json ๋ฐฐ์ด ์๋ฒ์์ ํ ์คํธ๋ฅผ ๋ณด๋ด์ ๋ธ๋ผ์ฐ์ ์์ ๊ฐ์ฒด๋ก์ ๋ถ๋ฆด ์ ์.. Web programming 2022. 11. 10. (22.11.09)Web ํ๋ก๊ทธ๋๋ฐ:AJAX๋ฐฉ์์ ์ด์ฉํ MVC/JSON,json-simple.jar ์ฌ์ฉ์ ์ ๋ณด ์ถ๊ฐ ๊ธฐ๋ฅ์ AJAX ์์ฒญ์ผ๋ก ๊ตฌํ ์ฌ์ฉ์ ์ ๋ณด ์ถ๊ฐ ์ฑ๊ณต์ ํด๋น ์ ๋ณด์ ์์ธ์ ๋ณด ํ๋ฉด์ผ๋ก ์ด๋ Cache userRegForm.jsp 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 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 ์ด์ฉ์ ์ ๋ณด ๋ฑ๋ก #main {width:fit-content; margin:0 auto; } h3 { text-align: center; } form { width:fit-content; border:1px solid .. Web programming 2022. 11. 9. (22.11.08)Web ํ๋ก๊ทธ๋๋ฐ: AJAX, JSON, jQuery,DOM ์ด์ฉ์ ์์ธ๋ณด๊ธฐ์์ ์ด๋ฉ์ผ ์์ ๊ณผ ์ด์ฉ์ ์ญ์ ๊ธฐ๋ฅ ๋ฃ๊ธฐ UserController ์๋ธ๋ฆฟ ํด๋์ค 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 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 import java.io.IOException; import java.util.List; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet;.. Web programming 2022. 11. 8. (22.11.07)Web ํ๋ก๊ทธ๋๋ฐ: MVC ๋ฐฉ์์ผ๋ก ์ฌ์ฉ์ ์ฐพ๊ธฐ User ๋ฆฌ์คํธ์์ ์ด๋ฆ์ ๋๋ฅด๋ฉด ๋ฒํธ๋ฅผ ๋น๊ตํด์ ๋ง๋ ๋ฒํธ์ ์ด์ฉ์์ ์ ๋ณด๋ฅผ ๋ณด์ฌ์ฃผ๊ธฐ User ๋ชจ๋ธ ํด๋์ค 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 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 import java.io.Serializable; public class User implements Serializable { private int num; private String name; private String phone; private String email; public User() { } public User.. Web programming 2022. 11. 7. (22.11.04)Web ํ๋ก๊ทธ๋๋ฐ: ์ด์ฉ์ CRUD, MSC๋ฐฉ์, ์๋ธ๋ฆฟ,JSP,HTML ์ด์ฉ์๋ก๋ถํฐ ๋ฒํธ ์ด๋ฆ ์ ํ ์ด๋ฉ์ผ์ ์ด๋ ฅ ๋ฐ์์ ์๋ฒ์ธก ํ์ผ์ ์ง๋ ฌํ๋ฅผ ํตํ ์ ์ฅ ๊ตฌํ ๋ก์ง์ 5๊ฐ์ง๋ก ๋๋์ด์ ์คํ(User, UserController, UserService, userRegForm, userRegResult,userlist) ์ฒซ ์คํํ๋ฉด์ ์ ์ฅ๋ ์ฌ๋๋ค์ ๋ชฉ๋ก์ด ๋ณด์ด๊ฒ๋ ํ๊ณ ๋งํฌ๋ฅผ ์ฃผ์ด ๋ชฉ๋ก๋ณด๊ธฐ์ ์๋ก ์ถ๊ฐํ๊ธฐ๊ฐ ๊ฐ๋ฅํ๊ฒ๋ ํ๋ค. MSC๋ฐฉ์์ผ๋ก ๋ชจ๋ํ ํ์ฌ ๊ฐ๋ฐํ๋ฉด ๊ฐ๋ฐํ ๋ ์ฑ๋ฅ ๋จ์ด์ ธ ์ฌ๋ ๋ง์ด ํ์ํ๊ณ ๋ณต์กํ์ง๋ง ์ ์ง๋ณด์๊ฐ ํธํ๊ณ ๊ฐ๋ฐ๋ณด๋ค ๋์ด ๋ ๋ง์ด ๋๋ ์ ์ง๋ณด์์์ ๋ก์ง ๋ณ ๋๋์ด์ ๋ชจ๋ํ ํ์ฌ ๊ด๋ฆฌํ๋๊ฒ ๋ ํจ์จ์ ์ด๋ค. User ํด๋์ค 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 .. Web programming 2022. 11. 4. (22.11.03)Web ํ๋ก๊ทธ๋๋ฐ: MVC (Model View Control) ๊ตฌ๊ตฌ๋จ ๋ง๋ค๊ธฐServlet, JSP GuguServlet์ ์์ฑํ๊ณ ๊ตฌ๊ตฌ๋จ 5๋จ์ ํ๋ฉด์ ํ์ํด ๋ณด๋ผ ์๋ธ๋ฆฟ ํ์ผ์ ์์ฑํ์ฌ ์๋ฐ๋ก ์น์ ๊ตฌ์ถํด๋ณด๊ธฐ 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 32 33 34 35 import java.io.IOException; import java.io.PrintWriter; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.se.. Web programming 2022. 11. 3. ์ด์ 1 2 3 ๋ค์