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

๐Ÿ’ป100

(57) [JSP] 3์ผ JSP ๋‚ด๋ถ€ ๊ฐ์ฒด, ์•ก์…˜ ํƒœ๊ทธ request ํด๋ผ์ด์–ธํŠธ์˜ ์š”์ฒญ ์ •๋ณด๋ฅผ ๋‹ด๊ณ  ์žˆ๋Š” ๊ฐ์ฒด   request ๋‚ด์žฅ ๊ฐ์ฒด : ํด๋ผ์ด์–ธํŠธ์˜ ์š”์ฒญ ์ •๋ณด๋ฅผ ๋‹ด๊ณ  ์žˆ๋Š” ๊ฐ์ฒด request ์ •๋ณดํ™•์ธ request : ์š”์ฒญ ์ •๋ณด ํ”„๋กœํ† ์ฝœ : ์„œ๋ฒ„์ด๋ฆ„ : ์„œ๋ฒ„ํฌํŠธ๋ฒˆํ˜ธ : ํด๋ผ์ด์–ธํŠธ์•„์ดํ”ผ์ฃผ์†Œ : method : ํด๋ผ์ด์–ธํŠธ OS ๋ฐ ๋ธŒ๋ผ์šฐ์ € : ๋ธŒ๋ผ์šฐ์ €๊ฐ€ ์ง€์›ํ•˜๋Š” ๋งค์ฒด ํƒ€์ž… : ์ด์ „์˜ ํด๋ผ์ด์–ธํŠธ URL :  response์š”์ฒญ์— ๋Œ€ํ•œ ์‘๋‹ต ์ •๋ณด๋ฅผ ๋‹ด๊ณ  ์žˆ๋Š” ๊ฐ์ฒด    response : ํด๋ผ์ด์–ธํŠธ์˜ ์š”์ฒญ(request)์— ๋Œ€ํ•œ ์‘๋‹ต(response) ์ •๋ณด๋ฅผ ๋‹ด๊ณ  ์žˆ๋Š” ๊ฐ์ฒด ๋ฆฌ๋‹ค์ด๋ ‰ํŠธ ์—๋Ÿฌ๋ฐœ์ƒ     ์ด ํ™”๋ฉด์€ ๋ณด์ด์ง€ ์•Š์Šต๋‹ˆ๋‹ค.  OUTํŽ˜์ด์ง€ ์š”์ฒญ์— ๋Œ€ํ•œ ์‘๋‹ต ์ถœ๋ ฅ ์ŠคํŠธ๋ฆฝ ๊ฐ์ฒด  pageContextJ.. 2024. 5. 9.
(56) [JSP] 2์ผ JSPRequest parameter ๋ฐ ๋‚ด๋ถ€๊ฐ์ฒด ์ธ๊ณ ๋”ฉ๊ณผ ๋””์ฝ”๋”ฉ๋ฌธ์ž๋ฅผ ์ปดํ“จํ„ฐ์— ์ €์žฅํ•˜๊ฑฐ๋‚˜ ํ†ต์‹ ์— ์‚ฌ์šฉํ•  ๋ชฉ์ ์œผ๋กœ ๋ถ€ํ™”ํ•˜๋Š” ๊ฒƒ์„ ์ธ์ฝ”๋”ฉ์ด๋ผ ํ•˜๋ฉฐ,๋ฐ˜๋Œ€๋กœ ๋ฌธ์ž๋ฅผ ์›๋ž˜๋Œ€๋กœ ๋˜๋Œ๋ฆฌ๋Š” ๊ฒƒ์„ ๋””์ฝ”๋”ฉ์ด๋ผ ํ•œ๋‹ค.   GET ๋ฐฉ์‹์˜ ํŒŒ๋ผ๋ฏธํ„ฐ ์ „์†ก1. a. ํƒœ๊ทธ๋ฅผ ์ด์šฉํ•œ GET ๋ฐฉ์‹  ํŒŒ๋ผ๋ฏธํ„ฐ ์ „์†ก - GET ๋ฐฉ์‹ - GET ๋ฐฉ์‹ : ๊ธฐ๋ณธ ํŒŒ๋ผ๋ฏธํ„ฐ ์ „์†ก ๋ฐฉ์‹ : ํด๋ผ์ด์–ธํŠธ๊ฐ€ ์„œ๋ฒ„์— ์ ‘์†ํ• ๋•Œ ๊ธฐ๋ณธ์ ์ธ ์ ‘์† ๋ฐฉ์‹์€ GET ์ด๋‹ค. : ์ฃผ์†Œ์ค„์— ํŒŒ๋ผ๋ฏธํ„ฐ๋ฅผ ์‹ค์–ด์„œ ๋ณด๋‚ธ๋‹ค. : Query String - GET ๋ฐฉ์‹์œผ๋กœ ์ „์†ก ๋˜๋Š” ํŒŒ๋ผ๋ฏธํ„ฐ ํ™•์ธ   2. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์ด์šฉ(location.href) ํ™•์ธ    3. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์ด์šฉ(form ํƒœ๊ทธ) ํ™•์ธ ์ด๋ฆ„ : ๋‚˜์ด : ๋ณด๋‚ด๊ธฐ  ํ˜•.. 2024. 5. 8.
(53) [JavaScript] 9์ผ JavaScript DOM DOM์ด๋ž€?์›น ํŽ˜์ด์ง€ ์ฝ˜ํ…์ธ ๋ฅผ ์กฐ์ž‘ํ•œ๋А ๋ฉ”์†Œ๋“œ์™€ ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ์ œ๊ณตํ•œ๋‹ค.XML์„ HTML์—์„œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก ํ™•์žฅ๋œ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์ธํ„ฐํŽ˜์ด์Šค.      Node    ELement์ฃผ์š” ์†์„ฑ์„ค๋ช…closest(selector)๊ฐ€์žฅ ๊ฐ€๊นŒ์šด ์กฐ์ƒ์„ ์ฐพ๋Š”๋‹ค.children๋ชจ๋“  ์ž์‹ ์š”์†Œ๋ฅผ ์ฐพ๋Š”๋‹ค. ํƒœ๊ทธ๋งŒ ๊ฒ€์ƒ‰.์š”์†Œ์— ์š”์†Œ ์ž์‹์ด ์—†์œผ๋ฉด children์˜ length๋Š” 0fitstElementChild์š”์†Œ์˜ ์ฒซ๋ฒˆ์งธ ์ž์‹์„ ๋ฐ˜ํ™˜. ํƒœ๊ทธ๋งŒ ๊ฒ€์ƒ‰, ์ž์‹ ์š”์†Œ๊ฐ€ ์—†๋Š” ๊ฒฝ์šฐ  null๋ฐ˜ํ™˜innerHTML์š”์†Œ์˜ HTML ์ปจํ…์ธ ๋ฅผ ์„ค์ •ํ•˜๊ฑฐ๋‚˜ ๋ฐ˜ํ™˜getAttribute์š”์†Œ์˜ ์ง€์ •๋œ ์†์„ฑ๊ฐ’์„ ๋ฐ˜ํ™˜setAttribute์ง€์ •๋œ ์†์„ฑ์„ ์ง€์ •๋œ ๊ฐ’์œผ๋กœ ์„ค์ •ํ•˜๋ฉฐ, ์ด๋ฏธ ์กด์žฌํ•˜๋Š” ์†์„ฑ์ด๋ฉด ๊ฐ’์„ ๋ณ€๊ฒฝ   ๋…ธ๋“œ ์ถ”๊ฐ€ ๋ฐ ์‚ญ์ œ ์ž๋ฐ” .. 2024. 5. 2.
(52) [JavaScript] 8์ผ JavaScript ์ •๊ทœ ํ‘œํ˜„์‹ ์ •๊ทœ์‹์ด๋ž€?์ •๊ทœ์‹์€ ๋ฌธ์ž์—ด์—์„œ ๋‚˜ํƒ€๋‚˜๋Š” ํŠน์ • ๋ฌธ์ž ์กฐํ•ฉ๊ณผ ๋Œ€์‘์‹œํ‚ค๊ธฐ ์œ„ํ•ด ์‚ฌ์šฉ๋˜๋Š” ํŒจํ„ด์ด๋‹ค.์ •๊ทœ์‹์„ ์ด์šฉํ•˜๋ฉด ํŠน์ • ํŒจํ„ด๊ณผ ์ผ์น˜ํ•˜๋Š” ๋ฌธ์ž์—ด์˜ ๊ฒ€์ƒ‰, ์น˜ํ™˜, ์ถ”์ถœ๋“ฑ์ด ๊ฐ€๋Šฅํ•˜๋‹ค.RegExppattern์ •๊ทœ์‹์„ ๋‚˜ํƒ€๋‚ด๋Š” ๋ฌธ์ž๋กœ, ํƒœํŽ€์€ ๋”ฐ์˜ดํ‘œ๋‚˜ ์Šฌ๋ž˜์‹œ๋กœ ๊ฐ์‹ธ์•ผ ํ•œ๋‹ค.flags ๊ธฐ๋ณธ ๊ฒ€์ƒ‰ ์„ค์ •์„ ๋ณ€๊ฒฝํ•  ์ˆ˜ ์žˆ๋Š” ํ”Œ๋ž˜๊ทธ๋กœ ๋‹ค์Œ ๊ฐ’์ด ์กฐํ•ฉ์„ ๊ฐ€์งˆ ์ˆ˜ ์žˆ๋‹ค. g : ์ผ์น˜ํ•˜๋Š” ์ฒซ๋ฒˆ์งธ ๋ฌธ์ž์—์„œ ๋ฉˆ์ถ”์ง€ ์•Š๊ณ  ์ „์ฒด์—์„œ ์ผ์น˜ํ•˜๋Š” ๋ชจ๋“  ๋ฌธ์ž๋ฅผ ๊ฒ€์ƒ‰ํ•œ๋‹ค. i :  ๋Œ€์†Œ๋ฌธ์ž๋ฅผ ๊ตฌ๋ณ„ํ•˜์ง€ ์•Š๋Š”๋‹ค m :  ์‹œ์ž‘ ๋˜๋Š” ๋ ๋ฌธ์ž ํƒ์ƒ‰ y :  ๋Œ€์ƒ ๋ฌธ์ž์—ด์—์„œ ์ด ์ •๊ทœ ํ‘œํ˜„์‹์˜ lastIndex ์†์„ฑ์— ์˜ํ•ด ์ง€์ •๋œ ์ธ๋ฑ์Šค์—์„œ๋งŒ ์ผ์น˜ํ•˜๋ฉฐ, ์ดํ›„์˜ ๋ชจ๋“  ์ธ๋ฑ์Šค์—์„œ ์ผ์น˜ํ•˜์ง€ ์•Š๋Š”๋‹ค.    ์ •๊ทœ์‹ - flag      ์ •๊ทœ์‹ - ์น˜ํ™˜    ์ •.. 2024. 4. 29.
(52) [JavaScript] 8์ผ JavaScript Form document.forms ๊ฐ์ฒดdocument.forms ์†์„ฑ์€ ํ˜„์žฌ ๋ฌธ์„œ์˜ ์š”์†Œ ๋ชฉ๋ก์„ ๋ฐ˜ํ™˜ํ•œ๋‹ค. forms ๊ฐ์ฒด๋Š” html๋ฌธ์„œ์˜ ํƒœ๊ทธ๋ฅผ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ ์ ‘๊ทผํ•˜๊ธฐ ์œ„ํ•œ ๊ฒƒ์œผ๋กœ ๋‚ด์žฅ ๊ฐ์ฒด ๊ณ„์ธต๊ตฌ์กฐ์—์„œ document์˜ ํ•˜์šฐ์— ์žˆ๋‹ค. form ์š”์†Œ์˜ name ์†์„ฑ์— ์ด๋ฆ„์„ ์„ค์ •ํ•˜๋ฉด ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ์‰ฝ๊ฒŒ ์ ‘๊ทผ ํ•  ์ˆ˜ ์žˆ๋‹ค.   submit ๋ฒ„ํŠผ ์ด๋ฆ„ : ๋‚˜์ด : ์ „์†กํ•˜๊ธฐ ์—์„œ type="submit"์„ ์ƒ๋žตํ•˜๋ฉด submit ๋ฒ„ํŠผ-->   ์ฃผ์š” ์†์„ฑ ๋ฐ ๋ฉ”์†Œ๋“œ   submit ๋ฒ„ํŠผ - ์œ ํšจ์„ฑ ๊ฒ€์‚ฌ ์ด๋ฆ„ : ๋‚˜์ด : ์ „์†กํ•˜๊ธฐ 2024. 4. 29.
(51) [JavaScript] 7์ผ JavaScript ๊ฐ์ฒด - ์ด๋ฒคํŠธ2 Bubbling ๊ณผ Capturing DIV ์˜์—ญ p ์˜์—ญ SPAN์˜์—ญ     ํ‚ค๋ณด๋“œ ๊ด€๋ จ ์ด๋ฒคํŠธ keypress -> keyup - ํŠน์ˆ˜ํ‚ค : SHift, Alt, ctrl , F1~F12 ๋“ฑ ๋ฐœ์ƒ๋˜๋Š” ์ด๋ฒคํŠธ : keydown - > keyup - keypress : ์‹ค์ œ ๋ˆŒ๋Ÿฌ์ง„ ํ‚ค์ฝ”๋“œ๋กœ ๋ฐ˜ํ™˜(์‚ฌ์šฉํ•˜์ง€ ๋ง๊ฒƒ์„ ๊ถŒ์žฅ) key ์†์„ฑ์œผ๋กœ ์‹ค์ œ ๋ˆŒ๋Ÿฌ์ง„ ํ‚ค๋ฅผ ํ™•์ธ ํ•  ์ˆ˜ ์žˆ๋‹ค. -->    ํ‚ค ์ด๋ฒคํŠธ ์ˆซ์ž๋งŒ : ์˜๋ฌธ์ž๋งŒ : ์˜์ˆซ์ž : ์ž…๋ ฅ๋œ ํ•œ๊ธ€ ์‚ญ์ œ : ํ•œ๊ธ€๋งŒ ์ž…๋ ฅ : ํ•œ๊ธ€์ž…๋ ฅ ์ œํ•œ :   ํ•œ๊ธ€ ์ž…๋ ฅ ์ œํ•œ ํ•œ๊ธ€ ๊ฐ€๋Šฅ : ํ•œ๊ธ€ ์ œํ•œ : ํ•œ๊ธ€ ์ œํ•œ : ํ•œ๊ธ€ ์ œํ•œ : ํ•œ๊ธ€ ๊ฐ€๋Šฅ :    F12, ๋งˆ.. 2024. 4. 28.