๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

CSS48

๐Ÿ’š ๋„ค์ด๋ฒ„ ๋กœ๊ทธ์ธ ์ฐฝ ๋งŒ๋“ค๊ธฐ ๐Ÿ’š ๋„ค์ด๋ฒ„ ๋กœ๊ณ  ํŒŒ์ผ HTML -> ๋”๋ณด๊ธฐ ํ•œ๊ตญ์–ด English ๆ—ฅๆœฌ่ชž Sign in Stay Signed in Easier sign in Sign in with QR code Facebook line Forgot your Username or Password? | Sign up Copyright โ“’ NAVER Corp. All Rights Reserved. CSS -> ๋”๋ณด๊ธฐ :root{ --body-background-color: #f5f6f7; --font-color: #4e4e4e; --border-gray-color : #dadada; --naver-green-color: #04c75a; --naver-green-border-color: #06b350; } *{ margin:0; padding:0;.. 2021. 3. 17.
Ajax - Ajax(์—์ด์ž‘์Šค)๋ž€? 1. Ajax๋ž€? Ajax๋Š” JavaScript์˜ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์ค‘ ํ•˜๋‚˜์ด๋ฉฐ Asynchronous Javascript And Xml(๋น„๋™๊ธฐ์‹ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์™€ xml)์˜ ์•ฝ์ž์ด๋‹ค. ๋ธŒ๋ผ์šฐ์ €๊ฐ€ ๊ฐ€์ง€๊ณ ์žˆ๋Š” XMLHttpRequest ๊ฐ์ฒด๋ฅผ ์ด์šฉํ•ด์„œ ์ „์ฒด ํŽ˜์ด์ง€๋ฅผ ์ƒˆ๋กœ ๊ณ ์น˜์ง€ ์•Š๊ณ ๋„ ํŽ˜์ด์ง€์˜ ์ผ๋ถ€๋งŒ์„ ์œ„ํ•œ ๋ฐ์ดํ„ฐ๋ฅผ ๋กœ๋“œํ•˜๋Š” ๊ธฐ๋ฒ• ์ด๋ฉฐ Ajax๋ฅผ ํ•œ๋งˆ๋””๋กœ ์ •์˜ํ•˜์ž๋ฉด JavaScript๋ฅผ ์‚ฌ์šฉํ•œ ๋น„๋™๊ธฐ ํ†ต์‹ , ํด๋ผ์ด์–ธํŠธ์™€ ์„œ๋ฒ„๊ฐ„์— XML ๋ฐ์ดํ„ฐ๋ฅผ ์ฃผ๊ณ ๋ฐ›๋Š” ๊ธฐ์ˆ ์ด๋ผ๊ณ  ํ•  ์ˆ˜ ์žˆ๋‹ค. Ajax๋Š” ํ˜„์žฌ ํ™”๋ฉด์—์„œ ๋ฐ์ดํ„ฐ๋ฅผ ๋Œ์–ด์˜ค๋Š” ๊ฒƒ์ด๋‹ค. url:"data.jsp", type:"get", //get/post ->servlet //data: "t1=XYZ&t2=์•ˆ๋…•ํ•˜์„ธ์š”", data: {t1:"๊ฐ•์•„์ง€", t2:"๊ณ ์–‘์ด"}, ํด๋ฆญ .. 2021. 3. 15.
JSP (java server page)๋ž€? jsp (javaServer Pages) HTML ์ฝ”๋“œ์— ์ž๋ฐ” ์ฝ”๋“œ๋ฅผ ๋„ฃ์–ด ๋™์  ์›นํŽ˜์ด์ง€๋ฅผ ์ƒ์„ฑํ•˜๋Š” ์›น ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋„๊ตฌ์ด๋‹ค jsp ์‹คํ–‰ -> ์ž๋ฐ” ์„œ๋ธ”๋ฆฟ์œผ๋กœ ๋ณ€ํ™˜ - > ์›น ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜ ์„œ๋ฒ„์— ๋™์ž‘ -> ์ƒ์„ฑ๋œ ๋ฐ์ดํ„ฐ๋ฅผ ์›นํŽ˜์ด์ง€์™€ ํ•จ๊ป˜ ํด๋ผ์ด์–ธํŠธ๋กœ ์‘๋‹ต WEB ์›น์ด๋ž€ ์ธํ„ฐ๋„ท ๊ธฐ๋ฐ˜์˜ ์ •๋ณด๊ธฐ์ˆ  ์ •๋ณด์˜ ํ๋ฆ„ ๊ณต์œ  ์›น ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜ ์‚ฌ์šฉ์ž๊ฐ€ ํ•„์š”ํ•œ ์š”์ฒญ(Request)๋ฅผ ํ•˜๊ณ  ์„œ๋ฒ„์—์„œ๋Š” ์ด์— ํ•ด๋‹นํ•˜๋Š” ์š”์ฒญ์„ ์ˆ˜ํ–‰ํ•˜๊ณ  ์š”์ฒญํ•œ ๋ฐ์ดํ„ฐ๋ฅผ ์‘๋‹ต (reponse) ์›น ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜์ด ์œ„์™€ ๊ฐ™์ด ๋™์ž‘ํ•˜๊ธฐ ์œ„ํ•œ ๋ช‡๊ฐ€์ง€ ๊ตฌ์„ฑ์š”์†Œ๊ฐ€ ์žˆ๋‹ค. ์›น ๋ธŒ๋ผ์šฐ์ €(Web Browser) : ํด๋ผ์ด์–ธํŠธ์—์„œ ์š”์ฒญ์„ ํ•˜๊ณ  ์ „๋‹ฌ๋ฐ›์€ ํŽ˜์ด์ง€๋ฅผ ๋ณผ์ˆ˜์žˆ๋Š” ํ™˜๊ฒฝ์„ ๋งํ•œ๋‹ค. ( ํฌ๋กฌ, IE, Safari, Firefox ๋“ฑ.. ) ์›น ์„œ๋ฒ„(Web Serve.. 2021. 3. 15.
Web - Servlet ์‹ค์Šต 5 (Session ์ด์šฉ ๋ฐฉ๋ฌธ ํšŸ์ˆ˜ ์นด์šดํŠธ) html hello Servlet world Servlet Servlet โ–  session ๊ฐ์ฒด ์ƒ์„ฑํ•˜๊ธฐ session ๊ฐ์ฒด๋ฅผ ์ƒ์„ฑํ•˜๋Š” ๋ฐฉ๋ฒ•์€ request ๋‚ด์žฅ ๊ฐ์ฒด๋กœ๋ถ€ํ„ฐ getSession() ๋ฉ”์†Œ๋“œ๋ฅผ ์ด์šฉํ•ด์„œ ๋‹ค์Œ๊ณผ ๊ฐ™์ด ์ƒ์„ฑํ•  ์ˆ˜ ์žˆ๋‹ค. HttpSession session = request.getSession(true); getSession() ๋ฉ”์†Œ๋“œ๋ฅผ ํ˜ธ์ถœํ•˜๋ฉด ์„œ๋ฒ„์—์„œ๋Š” ์ฟ ํ‚ค๋‚˜ URL๋กœ๋ถ€ํ„ฐ ์„ธ์…˜ ID๋ฅผ ๋ฝ‘์•„๋‚ด์„œ ์„œ๋ฒ„์— ์ €์žฅ๋˜์–ด ์žˆ๋Š” ์„ธ์…˜ ID ๋ชฉ๋ก๊ณผ ๋น„๊ต๋ฅผ ํ•˜๊ฒŒ ๋œ๋‹ค. ๊ทธ ๊ฒฐ๊ณผ ์ผ์น˜ํ•˜๋Š” ์„ธ์…˜ ID๊ฐ€ ์žˆ๋‹ค๋ฉด ํ•ด๋‹น ์„ธ์…˜ ID์˜ ์„ธ์…˜ ๊ฐ์ฒด๋ฅผ ์ „๋‹ฌํ•˜๊ณ , ์—†๋‹ค๋ฉด ์ƒˆ๋กœ์šด ์„ธ์…˜ ๊ฐ์ฒด๋ฅผ ์ƒ์„ฑํ•ด์„œ ์ „๋‹ฌํ•ด ์ค€๋‹ค. ํ•˜์ง€๋งŒ, ์„ธ์…˜ ๊ฐ์ฒด๋Š” ์›๋ž˜ JSP์˜ ๋‚ด์žฅ ๊ฐ์ฒด๋กœ ์ œ๊ณต๋œ๋‹ค. ๋”ฐ๋ผ์„œ ์œ„์™€ ๊ฐ™์ด ์ง์ ‘ ์„ ์–ธํ•˜์ง€ ์•Š์•„๋„ ํ”„.. 2021. 3. 15.