๊ด€๋ฆฌ ๋ฉ”๋‰ด

๋ชฉ๋ก์ „์ฒด ๊ธ€ (220)

JiYoung Dev ๐Ÿ–ฅ

[JSP/Servlet] JSP ๋‚ด์žฅ๊ฐ์ฒด(HttpServletResponse) & ์ฟ ํ‚ค(Cookie) (2023.05.17)

๐ŸŽˆ JSP ๋‚ด์žฅ๊ฐ์ฒด - HttpServletResponse ๐Ÿ“– sendRedirect() ๋ธŒ๋ผ์šฐ์ €(ํด๋ผ์ด์–ธํŠธ) ์ฃผ์†Œ์ฐฝ์— ์ž‘์„ฑ๋œ ๊ฒฝ๋กœ >> ๋ธŒ๋ผ์šฐ์ €(ํด๋ผ์ด์–ธํŠธ)๊ฐ€ ๊ทธ ๊ฒฝ๋กœ์— ์ง์ ‘ ์š”์ฒญ์„ ํ–ˆ๋‹ค! ๋ผ๋Š” ์˜๋ฏธ ์šฐ๋ฆฌ๋Š” Ex03redirect๋กœ ์š”์ฒญํ•จ ์ตœ์ข… ์ฃผ์†Œ์ฐฝ์—๋Š” Ex03createInput.html์ด ๋œธ ์ฆ‰, ์ตœ์ข…์ ์œผ๋กœ ๋ธŒ๋ผ์šฐ์ €(ํด๋ผ์ด์–ธํŠธ)๊ฐ€ Ex03createInput.html์— ์š”์ฒญ!! โš™๏ธ sendRedirect์˜ ํ”„๋กœ์„ธ์Šค ์„œ๋ฒ„๋Š” ์–ด๋””๋กœ ์š”์ฒญํ•ด์•ผํ•˜๋Š”์ง€ ๊ฒฝ๋กœ๋ฅผ ์‘๋‹ต ํด๋ผ์ด์–ธํŠธ๋Š” ์‘๋‹ต๋ฐ›์€ ๊ฒฝ๋กœ๋กœ ์š”์ฒญ ์š”์ฒญ๊ณผ ์‘๋‹ต์ด 2๋ฒˆ์”ฉ ์ผ์–ด๋‚จ!โœจโœจ ์š”์ฒญ์€ request๊ฐ์ฒด๋ฅผ ๊ฐ€์ง€๊ณ  ์‚ฌ์šฉ ๊ฐ€๋Šฅ 1๋ฒˆ์—์„œ ์‚ฌ์šฉํ•œ request๊ฐ์ฒด์™€ 3๋ฒˆ์—์„œ ์‚ฌ์šฉํ•œ request๊ฐ์ฒด๋Š” ์ด๋ฆ„๋งŒ ๊ฐ™์„ ๋ฟ ์„œ๋กœ ๋‹ค๋ฅธ ๊ฐ์ฒด์ž„ ์ด ๋‘˜์€ ์„œ๋กœ ๊ฐ’(๋ฐ์ดํ„ฐ)..

full stack/Back-End 2023. 5. 19. 09:39
[JSP/Servlet] ์„ธ์…˜(session) (2023.05.18)

Session ๐ŸŽˆ ์„ธ์…˜(Session) ํด๋ผ์ด์–ธํŠธ๋Š” ์„ธ์…˜์„ ํ†ตํ•ด ์‚ฌ์šฉ์ž์˜ ์ •๋ณด๊ฐ€ ์•„๋‹Œ ์„ธ์…˜ ์•„์ด๋””๋ฅผ ๋ณด์œ ํ•˜๊ณ  ์žˆ์Œ. ์‚ฌ์šฉ์ž ์ •๋ณด๋Š” ์„œ๋ฒ„๊ฐ€ ๊ฐ€์ง€๊ณ  ์žˆ์Œ. (๋ธŒ๋ผ์šฐ์ €๊ฐ€ ์ข…๋ฃŒ๋˜๊ธฐ ์ „๊นŒ์ง€) - ์„ธ์…˜ ์•„์ด๋”” : ์„œ๋ฒ„๊ฐ€ ํด๋ผ์ด์–ธํŠธ์—๊ฒŒ ์ž„์˜์ ์œผ๋กœ ๋ฐœ๊ธ‰ํ•˜๋Š” ์•„์ด๋””. ๋ชจ๋“  ํด๋ผ์ด์–ธํŠธ๋งˆ๋‹ค ๋‹ค ๋‹ค๋ฅด๊ฒŒ ๋ฐœ๊ธ‰ํ•จ ์ฟ ํ‚ค๋Š” ํด๋ผ์ด์–ธํŠธ๊ฐ€ ์ •๋ณด๋ฅผ ๊ฐ€์ง€๊ณ  ์žˆ์Œ ์‚ฌ์šฉ์ž์˜ ์ •๋ณด๋Š” ์„œ๋ฒ„์—์„œ ์ €์žฅ, ํด๋ผ์ด์–ธํŠธ๋Š” ์„ธ์…˜ ์•„์ด๋””๋งŒ ๊ฐ€์ง€๊ณ  ์žˆ๊ฒŒ๋จ ์„ธ์…˜์„ ์‚ฌ์šฉํ•˜๋ฉด ์‚ฌ์šฉ์ž์˜ ์ •๋ณด๋Š” ์„œ๋ฒ„์ƒ์—์„œ๋งŒ ์ €์žฅ๋˜๋ฏ€๋กœ ์ฟ ํ‚ค์— ๋น„ํ•ด ๋ณด์•ˆ์ƒ ์ข‹์„ ๊ฒƒ ๊ฐ™์ง€๋งŒ, ์„ธ์…˜ ์•„์ด๋””๋Š” ํด๋ผ์ด์–ธํŠธ ํ•˜๋‚˜๋งŒ์„ ์‹๋ณ„ํ•˜๋Š” ๊ฐ’์œผ๋กœ ์‚ฌ์šฉ์ž ์ •๋ณด๊ฐ€ ๋  ์ˆ˜ ์žˆ์Œ. ์„ธ์…˜์•„์ด๋””๊ฐ€ ๋„˜๊ฒจ์ง€๋Š” ๊ณผ์ •์„ ๋ณด๋‹ค๊ฐ€ ๊ณต๊ฒฉ์„ ํ•  ์ˆ˜ ๋„ ์žˆ์Œ ์™„์ „ํ•˜๊ฒŒ ๋ณด์•ˆ์ƒ์œผ๋กœ ์ข‹๋‹ค๊ณ  ํ•  ์ˆ˜๋Š” ์—†๋‹ค. ์ฟ ํ‚ค๋ณด๋‹ค๋Š” ์ข‹์„ ์ˆ˜ ์žˆ์Œ ๐Ÿ“– ์„ธ์…˜ ์‚ฌ..

full stack/Back-End 2023. 5. 19. 09:39
[JSP/Servlet] ์„ ์–ธ๋ฌธ, ์ง€์‹œ์ž, ๋‚ด์žฅ๊ฐ์ฒด (2023.05.16)

๐ŸŽˆ ์„ ์–ธ๋ฌธ(Declaration) ์„ ์–ธ๋ฌธ ๋‚ด ์ž‘์„ฑํ•œ ๋ณ€์ˆ˜ - ์œ„์น˜๋Š” ํด๋ž˜์Šค ๋ฐ”๋กœ ๋ฐ‘์— (์ „์—ญ๋ณ€์ˆ˜) ์Šคํฌ๋ฆฝํŠธ๋ฆฟ ๋‚ด ์ž‘์„ฑํ•œ ๋ณ€์ˆ˜ - service ๋ฉ”์„œ๋“œ ์•ˆ์œผ๋กœ ๋“ค์–ด๊ฐ (์ง€์—ญ๋ณ€์ˆ˜) ๐ŸŽˆ ์ง€์‹œ์ž(Directive) ๐Ÿ“– Page ์ง€์‹œ์ž ๋ถˆ๊ฐ€๋Šฅํ•œ๊ฑธ ์ปดํ“จํ„ฐ์—๊ฒŒ ์‹œํ‚ค๋ฉด? ERROR ๋ฐœ์ƒ ์˜ค๋ฅ˜ ๋ฐœ์ƒ์‹œ ํŠน์ • ํŽ˜์ด์ง€ ์—ฐ๊ฒฐ๋˜๋„๋ก! ํ˜„์žฌํŽ˜์ด์ง€ errorPage="์˜ค๋ฅ˜๋ฐœ์ƒ์‹œ ๋ณด์—ฌ์ค„ ํŽ˜์ด์ง€" ์˜ค๋ฅ˜ ๋ฐœ์ƒ์‹œ ๋ณด์—ฌ์ค„ ํŽ˜์ด์ง€ isErrorPage="true" ์„œ๋ฒ„ ์˜ค๋ฅ˜๋ฅผ ์ ๊ฒ€์ค‘์ž…๋‹ˆ๋‹ค ๐Ÿ“– Include ์ง€์‹œ์ž ๋ฉ”์ธํŽ˜์ด์ง€ ์„œ๋ธŒ ํŽ˜์ด์ง€๋กœ ์ด๋™ ๐Ÿ“– Taglib ์ง€์‹œ์ž ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ๋‹ค์šด๋กœ๋“œ ๋‹ค์ด๋‚˜๋ฏน ์›นํ”„๋กœ์ ํŠธ์—์„œ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์‚ฌ์šฉํ•  ๋•Œ WEB-INF > lib ํด๋” ๋‚ด์— ์‚ฝ์ž… > ๋ณด์•ˆ์ƒ ์ค‘์š”ํ•œ ๊ฒƒ์€ ์“ฐ๋ฉด ์•ˆ๋จ! ์ž๋ฐ” ํŒŒ์ผ๋กœ ๋ณ€ํ™˜๋์„ ๋•Œ๊นŒ์ง€ ํ™•์ธ ๊ฐ€๋Šฅ..

full stack/Back-End 2023. 5. 16. 20:01
[React] Component, Props, State (2023.05.16)

terminal ๋ช…๋ น์–ด npm : ์ด๋ฏธ ์„ค์น˜๊ฐ€ ๋˜์–ด์žˆ์„ ์•„์ด๋ฅผ ์‚ฌ์šฉํ•  ๋•Œ (ex. terminal start) npx : ์„ค์น˜๊ฐ€ ๋˜์–ด์žˆ์ง€์•Š๋Š” ๊ฒƒ์„ ์‚ฌ์šฉํ•  ๋•Œ (ex. npx create-react-app project02) ์ข…๋ฃŒ : ctrl + C โš™ project ํด๋” ๊ตฌ์„ฑ node_modules : ํ•„์š”ํ•œ ์žฅ์น˜๋“ค public : ์ •์ ์ธ ํŒŒ์ผ / ์ด๋ฏธ์ง€, html, json, text ๋“ฑ src : js, css ๋“ฑ ๋™์ ์œผ๋กœ ๋™์ ํ•˜๊ธฐ ์œ„ํ•ด ํ•„์š”ํ•œ ์นœ๊ตฌ๋“ค ๐ŸŽˆ ์ปดํฌ๋„ŒํŠธ ๋ฆฌ์•กํŠธ๋Š” ํ™”๋ฉด์—์„œ UI ์š”์†Œ๋ฅผ ๊ตฌ๋ถ„ํ•  ๋•Œ '์ปดํฌ๋„ŒํŠธ'๋ผ๋Š” ๋‹จ์œ„๋ฅผ ์‚ฌ์šฉํ•จ ์ปค๋‹ค๋ž€ ๋‹จ์œ„, ๊ฐœ๋ฐœ์ž๊ฐ€ ์ปค์Šคํ…€ํ•  ์ˆ˜ ์žˆ๋Š” ์ตœ์†Œ ๋‹จ์œ„ (๊ธฐ๋Šฅ๋ณ„ ํ˜น์€ ํŽ˜์ด์ง€๋ณ„๋กœ ๋งŒ๋“œ๋Š” ๊ฒฝ์šฐ๊ฐ€ ๋งŽ์Œ) ๋‚ด๊ฐ€ ์›ํ•˜๋Š” ํƒœ๊ทธ๋“ค์„ ๋ชจ์•„์„œ ํ•˜๋‚˜์˜ ๋‹จ์œ„๋กœ ๋งŒ๋“ค์–ด์ค€๋‹ค. react ๋ฌธ๋ฒ•..

full stack/React 2023. 5. 16. 18:04