220616-17

yoondguยท2022๋…„ 6์›” 18์ผ
0

Today I Learned

๋ชฉ๋ก ๋ณด๊ธฐ
55/86
post-thumbnail

๐Ÿฎ 16~17์ผ ๋™์•ˆ ํ•œ ์ผ

์ง€๋‚œ ์ดํ‹€์€ ๊ณ„์† ํ•™์› ์„ธ๋ฏธํ”„๋กœ์ ํŠธ์— ์—ด์ค‘ํ–ˆ๋‹ค.
๋‚ด๊ฐ€ ๋งก์€ ๋ถ€๋ถ„์€ ๋„์„œ ์‡ผํ•‘๋ชฐ์˜ ์žฅ๋ฐ”๊ตฌ๋‹ˆ/์ฃผ๋ฌธ ๋ถ€๋ถ„์ธ๋ฐ, ์žฅ๋ฐ”๊ตฌ๋‹ˆ ์กฐํšŒ ํŽ˜์ด์ง€์—์„œ ์ฃผ๋ฌธํ•˜๊ธฐ๋กœ ์ด์–ด์ง€๋Š” ๋ฐฉ์‹์˜ ์„œ๋น„์Šค๋ผ์„œ ์ด๋ฒˆ์ฃผ์—๋Š” ์žฅ๋ฐ”๊ตฌ๋‹ˆ ์กฐํšŒ ํŽ˜์ด์ง€ ๊ตฌํ˜„์„ ๋จผ์ € ์ง„ํ–‰ํ–ˆ๋‹ค.

  • ๋‹จ์ˆœ html๋‚ด์šฉ์ด๋˜ ํŽ˜์ด์ง€์— jsp ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•˜์—ฌ db ์ •๋ณด์™€ ์—ฐ๋™ (์กฐํšŒ, ๋ณ€๊ฒฝ, ์‚ญ์ œ ๊ธฐ๋Šฅ ๊ตฌํ˜„)
  • 15์ผ์— ๊ณ ๋ คํ•˜์ง€ ์•Š์•˜๋˜ ํ™”๋ฉด ๊ตฌํ˜„ ๋‚ด์šฉ์„ ์ถ”๊ฐ€๋กœ ๋ณด์ถฉํ–ˆ๋‹ค.
    1. ์กฐํšŒ๋˜๋Š” ์•„์ดํ…œ์ด ์—†๋Š” ๊ฒฝ์šฐ : div ํƒœ๊ทธ ์ค‘์•™์— "์žฅ๋ฐ”๊ตฌ๋‹ˆ ์•„์ดํ…œ์ด ์—†์Šต๋‹ˆ๋‹ค." ์ถœ๋ ฅ
    2. ์ž˜๋ชป๋œ ๋ณ€๊ฒฝ/์‚ญ์ œ ์š”์ฒญ์„ ํ–ˆ์„ ๊ฒฝ์šฐ : jsp์—์„œ fail๊ด€๋ จ ํŒŒ๋ผ๋ฏธํ„ฐ๋ฅผ ์ „๋‹ฌํ•˜๋ฉฐ ์žฌ์š”์ฒญํ•ด์„œ ์ƒํ™ฉ์— ๋งž๋Š” ๊ฒฝ๊ณ  ๋ฉ”์‹œ์ง€ ์ถœ๋ ฅ
    3. ์ฒดํฌ๋ฐ•์Šค ์ƒํƒœ์— ๋”ฐ๋ผ ๋‹ฌ๋ผ์ง€๋Š” ์ฒดํฌ๋œ ์•„์ดํ…œ ๊ฐœ์ˆ˜ ์ถœ๋ ฅ
  • ํŽ˜์ด์ง€ ์žฌ์š”์ฒญํ•˜๋ฉด์„œ ์ฒดํฌ๋ฐ•์Šค ์ƒํƒœ ์œ ์ง€ํ•˜๊ธฐ
    15์ผ์— ์ž‘์„ฑํ•œ ์ฝ”๋“œ๋Œ€๋กœ ํ•˜๋‹ˆ, ์žฅ๋ฐ”๊ตฌ๋‹ˆ ์•„์ดํ…œ์„ ๋ณ€๊ฒฝ/์‚ญ์ œ๋ฅผ ์œ„ํ•ด ํŽ˜์ด์ง€๋ฅผ ์žฌ์š”์ฒญํ•  ๋•Œ๋งˆ๋‹ค ๊ธฐ์กด ์ฒดํฌ๋ฐ•์Šค ์ƒํƒœ๊ฐ€ ์ดˆ๊ธฐํ™” ๋˜์—ˆ๋‹ค.
    ajax๋กœ ํ•˜๋ฉด ์ด๋Ÿฐ ๋ฌธ์ œ๋ฅผ ์‹ ๊ฒฝ ์“ธ ์ผ์ด ์—†๊ฒ ์ง€๋งŒ, ajax ์—†์ด ๋งŒ๋“ค์–ด๋ณด๊ธฐ๋กœ ํ–ˆ๊ธฐ ๋•Œ๋ฌธ์—.. ์ฒดํฌ ์ƒํƒœ์ธ ์•„์ดํ…œ ๋ฒˆํ˜ธ๋ฅผ ์š”์ฒญurl์— ๊ณ„์† ์ „๋‹ฌํ•˜๋Š” ๋ฐฉ์‹์œผ๋กœ ํ•ด๊ฒฐํ–ˆ๋‹ค. ใ… ใ… 
    form submit์„ ํ•˜๋ฉด์„œ form์ž…๋ ฅ๊ฐ’ ์ค‘ ์›ํ•˜๋Š” ๊ฐ’๋งŒ ๋ณด๋‚ด๊ณ ์ž ํ•˜๋Š” ๊ฒƒ์— ์–ด๋ ค์›€์„ ๊ฒช์—ˆ์œผ๋‚˜ ๊ฐ•์‚ฌ๋‹˜์˜ ์กฐ์–ธ์„ ํ†ตํ•ด ํ•ด๊ฒฐํ•  ์ˆ˜ ์žˆ์—ˆ๋‹ค.
    => form ํƒœ๊ทธ ๋‚ด์— ์•„์ง value๊ฐ€ ์ •ํ•ด์ง€์ง€ ์•Š์€ hidden ํƒ€์ž…์˜ input ํƒœ๊ทธ๋“ค์„ ๋„ฃ๊ณ ,
    ๋ณ€๊ฒฝ/์‚ญ์ œ์— ๋”ฐ๋ฅธ ์ด๋ฒคํŠธํ•ธ๋“ค๋Ÿฌ ํ•จ์ˆ˜ ์‹คํ–‰ ์‹œ ๊ฐ๊ฐ ๊ทธ์— ๋งž๋Š” ๊ฐ’๋“ค์„ ๋Œ€์ž…ํ•œ ๋’ค ํผ์„ ์ œ์ถœํ•œ๋‹ค.
    ์ด๋ฒˆ ๊ฒฝ์šฐ์—๋Š” ๊ฐœ๋ณ„ ์‚ญ์ œ ๋ฒ„ํŠผ๊ณผ ์„ ํƒ ์‚ญ์ œ ๋ฒ„ํŠผ ๋‘ ๊ฐ€์ง€๋ฅผ ๋ชจ๋‘ ํ•˜๋‚˜์˜ delete.jsp์—์„œ ์ฒ˜๋ฆฌํ•˜๋Š” ๋™์‹œ์—, ์ฒดํฌ์ƒํƒœ์ธ ์•„์ดํ…œ๋ฒˆํ˜ธ๋„ ์ „๋‹ฌํ•ด์ฃผ์–ด์•ผ ํ–ˆ๋‹ค.
    HTML์—์„œ ๊ฐ๊ฐ ์‹๋ณ„ํ•  ์ˆ˜ ์žˆ๋Š” name์ด ์ง€์ •๋œ hidden ํƒ€์ž…์˜ input ํƒœ๊ทธ์— ๋Œ€ํ•˜์—ฌ ํ•„์š”์— ๋”ฐ๋ผ ์Šคํฌ๋ฆฝํŠธ์—์„œ value๋ฅผ ์ง€์ •ํ•จ์œผ๋กœ์จ ํ•ด๊ฒฐํ•  ์ˆ˜ ์žˆ์—ˆ๋‹ค.
    (๊ฐœ๋ณ„์‚ญ์ œ๋Š” job=one, ์„ ํƒ์‚ญ์ œ๋Š” job=all์„ ์ „๋‹ฌ)

    (์ฑ… ํ‘œ์ง€ ์ด๋ฏธ์ง€๋Š” ์•„์ง ๋ชจ๋‘ ์ €์žฅ์„ ์•ˆํ•ด๋†“์€ ์ƒํƒœ์ด๋‹ค)
  • ๋ฐฐ์†ก์ง€ ๋ณ€๊ฒฝ ํŒ์—… : ๋ฐฐ์†ก์ง€ ๋ณ€๊ฒฝ ํŽ˜์ด์ง€๋ฅผ ํด๋ฆญํ•˜๋ฉด ์ž‘์€ ํฌ๊ธฐ์˜ ์ƒˆ ์ฐฝ์ด ๋œจ๊ณ , ์‚ฌ์šฉ์ž์˜ ์—ฌ๋Ÿฌ ๋ฐฐ์†ก์ง€ ์ค‘ ํ•˜๋‚˜๋ฅผ ๊ธฐ๋ณธ ๋ฐฐ์†ก์ง€๋กœ ์„ ํƒํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•œ๋‹ค. ์•„์ง ๊ธฐ๋ณธ ํ™”๋ฉด ๊ตฌํ˜„๋งŒ ํ–ˆ๋‹ค.
    ์ •ํ•ด์ง„ ํฌ๊ธฐ์˜ ์ƒˆ ์ฐฝ์ด ๋œจ๊ฒŒ ํ•˜๋Š” ๊ฑด ๊ตฌ๊ธ€๋งํ•ด์„œ ์•„๋ž˜์™€ ๊ฐ™์ด window๊ฐ์ฒด์˜ openํ•จ์ˆ˜๋ฅผ ์‹คํ–‰ํ•˜๋Š” ์ฝ”๋“œ๋ฅผ onclick ์ด๋ฒคํŠธ์— ์ต๋ช…ํ•จ์ˆ˜๋กœ ๋“ฑ๋กํ–ˆ๋Š”๋ฐ ์ ์ ˆํ•œ ๋ฐฉ์‹์ธ์ง€ ๊ฐ•์‚ฌ๋‹˜๊ป˜ ์—ฌ์ญค๋ด์•ผ ๊ฒ ๋‹ค.
<a href="addressList.jsp" target="_blank" class="btn btn-outline-secondary btn-sm"
onclick="window.open('addressList.jsp', 'newwindow', 'width=500,height=750'); return false;">๋ฐฐ์†ก์ง€ ๋ณ€๊ฒฝ</a>

  • ๊นƒํ—ˆ๋ธŒ์—์„œ ๋ธŒ๋žœ์น˜๋ฅผ ํ™œ์šฉํ•ด ํ˜‘์—…ํ•˜๋Š” ๊ฒŒ ๊ณ„์† ํ—ท๊ฐˆ๋ ธ๋Š”๋ฐ.. ๋ฌด์‚ฌํžˆ push, pull request ํ›„ merge๊นŒ์ง€ ์™„๋ฃŒํ•ด๋ณด์•˜๋‹ค.

MVC ํŒจํ„ด์— ๋Œ€ํ•œ ์ดํ•ด๋ฅผ ๋” ํ•˜๊ณ  ์žˆ์œผ๋ฉด ์ข‹์„ ๊ฒƒ ๊ฐ™๋‹ค๋Š” ์ƒ๊ฐ์ด ๋“ค์—ˆ๋‹ค.

๐Ÿฅž ์˜ค๋Š˜ ํ•  ์ผ

  1. ๋ถ€์ŠคํŠธ์บ ํ”„ ๊ด€๋ จ ์กฐ์‚ฌ
  2. ์„ธ๋ฏธ ํ”„๋กœ์ ํŠธ ์ฝ”๋”ฉ (๋น ๋ฅด๊ฒŒ ํ•˜๊ธฐ๋ณด๋‹ค ์ •ํ™•ํ•˜๊ฒŒ ํ•˜๊ธฐ..!)
  3. ๋ฐฑ์ค€ ์ž๋ฐ”

0๊ฐœ์˜ ๋Œ“๊ธ€