๐Ÿ’ปProgramming

    [JSP] 02. ์„œ๋ธ”๋ฆฟ(Servlet) ๊ฐœ์š”

    [JSP] 02. ์„œ๋ธ”๋ฆฟ(Servlet) ๊ฐœ์š”

    ์„œ๋ธ”๋ฆฟ (Servlet) แ†ž์„œ๋ธ”๋ฆฟ์€ ๋ฉ”์ธ์ด ์—†์ง€๋งŒ, ์„œ๋ธ”๋ฆฟ ์ปจํ…Œ์ด๋„ˆ์— ์˜ํ•ด ์‹คํ–‰๋˜๊ณ  ๊ด€๋ฆฌ๋œ๋‹ค. ์„œ๋ธ”๋ฆฟ ์ปจํ…Œ์ด๋„ˆ๋กœ ํ†ฐ์บฃ์„ ์‚ฌ์šฉ ์ค‘ แ†ž์„œ๋ธ”๋ฆฟ์˜ ๋‹จ์ ์€ java ์ฝ”๋“œ ์•ˆ์— html ์ฝ”๋“œ๊ฐ€ ๋“ค์–ด์žˆ์–ด ํšจ์œจ์„ฑ์ด ๋–จ์–ด์ง„๋‹ค๋Š” ๊ฒƒ์ด๋‹ค. ๋”ฐ๋ผ์„œ ๋””์ž์ธ ์ž‘์—…์€ ์„œ๋ธ”๋ฆฟ์œผ๋กœ ํ•˜์ง€ ์•Š๋Š”๋‹ค. แ†ž์ œ๋„ค๋ฆญ ์„œ๋ธ”๋ฆฟ์„ ์ƒ์† ๋ฐ›์•„์„œ ๋งŒ๋“œ๋Š” ๊ฒƒ์ด ์•„๋‹Œ HTTP ์„œ๋ธ”๋ฆฟ์„ ์ƒ์† ๋ฐ›๋Š” ๊ฒƒ์ด ํ›จ์”ฌ ์ฝ”๋”ฉํ•˜๊ธฐ ์‰ฌ์šฐ๋ฏ€๋กœ HTPP ์„œ๋ธ”๋ฆฟ์„ ์ƒ์† ๋ฐ›๋Š”๋‹ค. แ†ž์„œ๋ธ”๋ฆฟ ์ปจํ…Œ์ด๋„ˆ๋Š” ํด๋ผ์ด์–ธํŠธ๊ฐ€ ์š”์ฒญํ•˜๋ฉด ์š”์ฒญ๋œ ๊ธฐ๋Šฅ์„ ๋ฐ›๊ณ  ์‚ฌ์šฉ์ž์—๊ฒŒ ๊ฒฐ๊ณผ๋ฅผ ์ œ๊ณตํ•ด์ค€๋‹ค. แ†ž๊ฐ์ฒด ์ƒ์„ฑ๋ถ€ํ„ฐ ์†Œ๋ฉธ๊นŒ์ง€ ๋ผ์ดํ”„ ์‚ฌ์ดํด์„ ๊ด€๋ฆฌํ•œ๋‹ค. แ†ž๋‹ค์ค‘ ์Šค๋ ˆ๋“œ๋ฅผ ์ง€์›ํ•œ๋‹ค. ์„œ๋ธ”๋ฆฟ์˜ life cycle init() แ†žํด๋ผ์ด์–ธํŠธ๊ฐ€ ๋ช‡ ๋ช…์ด ๋“ค์–ด์˜ค๋˜์ง€ ์–ด๋– ํ•œ ๊ฒฝ์šฐ์—๋ผ๋„ ์ตœ์ดˆ๋กœ ํ•œ๋ฒˆ ์ˆ˜ํ–‰๋œ๋‹ค. แ†ž๊ฒฐ๊ณผ์ ์œผ๋กœ๋Š” ๋‘ ๋ฒˆ ..

    [JavaScript] 09. DOM

    // id ๋กœ ์ ‘๊ทผ let name = document.getElementById("name").value; //name์œผ๋กœ ์ ‘๊ทผ let age = document.getElementsByName("age")[0].value; //tag๋กœ ์ ‘๊ทผ let birth = document.getElementsByTagName("input")[2].value; let chk = document.querySelector("input[type=checkbox]").checked; //let chk = docment.querySelectorAll("input[type=checkbox]")[0].value; //class ์†์„ฑ์œผ๋กœ ์ ‘๊ทผ let tel = document.getElementsByClassName("telC..

    [JavaScript] 09. DOM

    [JavaScript] 09. DOM

    ๋ฌธ์„œ ๊ฐ์ฒด ๋ชจ๋ธ (Document Object Mode) ์›น ํŽ˜์ด์ง€ ์ฝ˜ํ…์ธ ๋ฅผ ์กฐ์ž‘ํ•˜๋Š” ๋ฉ”์†Œ๋“œ์™€ ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ์ œ๊ณต XML์„ HTML์—์„œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก ํ™•์žฅ๋œ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋…ธ๋“œ ํŠธ๋ฆฌ์˜ ๊ฐ€์žฅ ์ƒ์œ„์—๋Š” ๋‹จ ํ•˜๋‚˜์˜ ๋ฃจํŠธ ๋…ธ๋“œ ๋ฃจํŠธ ๋…ธ๋“œ๋ฅผ ์ œ์™ธํ•œ ๋ชจ๋“  ๋…ธ๋“œ๋Š” ๋‹จ ํ•˜๋‚˜์˜ ๋ถ€๋ชจ ๋…ธ๋“œ๋ฅผ ๊ฐ–์Œ ๋ชจ๋“  ์š”์†Œ ๋…ธ๋“œ๋Š” ์ž์‹ ๋…ธ๋“œ๋ฅผ ๊ฐ€์งˆ ์ˆ˜ ์žˆ์Œ

    [JavaScript] 08. ์ •๊ทœ์‹

    [JavaScript] 08. ์ •๊ทœ์‹

    ์ •๊ทœ์‹ ์œ ํšจ์„ฑ ๊ฒ€์‚ฌ๋ฅผ ํ•  ๋•Œ ๊ฐ€์žฅ ๋งŽ์ด ์‚ฌ์šฉ๋˜๋Š” ๊ฒƒ ์‚ฌ์šฉ ๋ฐฉ๋ฒ•์„ ์•Œ๊ณ  ์žˆ์œผ๋ฉด ์–ด๋ ต์ง€ ์•Š๊ฒŒ ์‚ฌ์šฉ ๊ฐ€๋Šฅ ๊ฒฝ์šฐ์— ๋”ฐ๋ผ์„œ๋Š” ์ •๊ทœ์‹์ด ์•„๋‹Œ ๋ฐฉ๋ฒ•์„ ์‚ฌ์šฉํ•ด์•ผ ํ•˜๋Š” ์ผ์ด ์žˆ์„ ์ˆ˜ ์žˆ์Œ ์ •๊ทœ์‹ ์ƒ์„ฑ ๋ฐฉ๋ฒ• RegExp ๊ฐ์ฒด ์ƒ์„ฑ ์ƒ์„ฑ์ž ๋ฐฉ์‹ var ๋ณ€์ˆ˜ = new RegExp(pattern[, flags]); ์ผ๋ฐ˜์ ์œผ๋กœ RegExp๋ฅผ ํ†ตํ•œ ๋ฐฉ๋ฒ•๋ณด๋‹ค๋Š” "์ •๊ทœ์‹ ๋ฆฌํ„ฐ๋„"์„ ์ด์šฉํ•จ ํŒŒ๋ผ๋ฏธํ„ฐ์—์„œ ๋”ฐ์˜ดํ‘œ๋ฅผ ์‚ฌ์šฉํ•˜๊ฑฐ๋‚˜ ์Šฌ๋ž˜์‰ฌ๋ฅผ ์‚ฌ์šฉํ•ด์•ผํ•œ๋‹ค. ์ฒซ ๋ฒˆ์งธ ์ธ์ž๋Š” ํŒจํ„ด ๋‘ ๋ฒˆ์งธ ์ธ์ž๋Š” ํ”Œ๋ž˜๊ทธ flags g: ์ผ์น˜ํ•˜๋Š” ์ฒซ ๋ฒˆ์งธ ๋ฌธ์ž์—์„œ ๊ทธ์น˜์ง€ ์•Š๊ณ  ์ „์ฒด์—์„œ ์ผ์น˜ํ•˜๋Š” ๋ชจ๋“  ๋ฌธ์ž๋ฅผ ๊ฒ€์ƒ‰ i : ๋Œ€์†Œ๋ฌธ์ž๋ฅผ ๊ฐ™์€ ๋ฌธ์ž๋กœ ์ทจ๊ธ‰ํ•˜๊ณ  ์‹ถ๋‹ค๋ฉด ์‚ฌ์šฉ ๋ฆฌํ„ฐ๋Ÿด ๋ฐฉ์‹ var p = /ab+c/i; / /์‚ฌ์ด์— ์ •๊ทœ์‹์„ ์ž…๋ ฅํ•˜๊ณ , ํ™‘๋”ฐ์˜ดํ‘œ๋‚˜ ์Œ๋”ฐ์˜ดํ‘œ๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜..