220719

yoondguยท2022๋…„ 7์›” 19์ผ
0

Today I Learned

๋ชฉ๋ก ๋ณด๊ธฐ
70/84

๐Ÿฎ ์˜ค๋Š˜ ํ•œ ์ผ

  1. ํ•™์› ๊ฐ•์˜ ์ˆ˜๊ฐ• ๋ฐ ๋ณต์Šต :
  • @SessionAttribute๋ฅผ ํ™œ์šฉํ•ด ์—ฌ๋Ÿฌ ๋‹จ๊ณ„์˜ ํผ์ž…๋ ฅ๊ฐ’์„ ์ €์žฅํ•˜๊ธฐ
  • mybatis์—์„œ <selectKey /> ์ด์šฉํ•˜๊ธฐ
  • ์„ ์–ธ์  ํŠธ๋žœ์žญ์…˜ ์‚ฌ์šฉํ•˜๊ธฐ
  1. ํ† ์ดํ”„๋กœ์ ํŠธ : RandomCat api๋กœ ๊ณ ์–‘์ด์ด๋ฏธ์ง€๋ฅผ json์œผ๋กœ ๋ฐ›์•„์™€ ๋ฟŒ๋ฆฌ๋Š”๋ฐ ๋กœ๋”ฉ์†๋„๊ฐ€ ๋„ˆ๋ฌด ๋Š๋ ค์„œ ๋น„๋™๊ธฐ์‹์œผ๋กœ ์š”์ฒญ์„ ์ฒ˜๋ฆฌํ•˜๋„๋ก fetch() ํ•จ์ˆ˜๋ฅผ ์ผ๋Š”๋ฐ ์•„์ฃผ ๋“œ๋ผ๋งˆํ‹ฑํ•œ ์‹œ๊ฐ„ ์ฐจ์ด๋Š” ์—†์—ˆ๋‹ค. ํ•ด๋‹น api๊ฐ€ ์ œ๊ณตํ•˜๋Š” ์ด๋ฏธ์ง€๋“ค์˜ ํฌ๊ธฐ๋„ ๋ชจ๋‘ ๋‹ฌ๋ผ์„œ .. ํ ..
    ๊ด€๋ จ ๊ฐœ๋…์„ ๋‹น์žฅ ์“ธ ์ˆ˜ ์žˆ์„๋งŒํผ๋งŒ ๋Œ€์ถฉ ํ›‘์–ด๋ณด์•„์„œ ๊ทธ๋Ÿฐ๊ฐ€, ์ด ๋ถ€๋ถ„์„ ์กฐ๊ธˆ ๋” ์•Œ์•„๋ด์•ผ๊ฒ ๋‹ค.
  2. ํŒŒ์ด๋„ ํ”„๋กœ์ ํŠธ ํŒ€ ํšŒ์˜ : ์ฃผ์ œ์— ๋Œ€ํ•œ ์˜๊ฒฌ์„ ์ขํ˜”๋‹ค. ๋‚ด์ผ์€ ์ฃผ์ œ๋ฅผ ํ™•์ •ํ•˜๊ธฐ๋กœ ํ–ˆ๋‹ค.

๐Ÿฅž ๋‚ด์ผ ํ•  ์ผ

  1. ๊ฐ•์˜ ๋ณต์Šต
  2. jQuery ๊ณต๋ถ€
  3. ํ† ์ดํ”„๋กœ์ ํŠธ : ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋น„๋™๊ธฐ ๊ฐœ๋… ๊ณต๋ถ€ํ•˜๊ธฐ

์ด์ „๊ณผ ๋‹ฌ๋ฆฌ ์ด์ œ๋Š” ํ† ์ดํ”„๋กœ์ ํŠธ์— ๋”ฑ 1์‹œ๊ฐ„ ์ดํ•˜๋กœ๋งŒ ์‹œ๊ฐ„์„ ์“ฐ๋Š” ๋ฒ•์„ ์•Œ ๊ฒƒ ๊ฐ™๋‹ค ใ…‹ใ…‹ ๊ทœ๋ชจ๋ฅผ ์ •๋ง 'ํ† ์ด'์Šค๋Ÿฝ๊ฒŒ ์žก์•„์„œ ๊ทธ๋Ÿฐ๊ฐ€. ํ•˜์ง€๋งŒ.. ์ด์ œ๋Š” ๋‹ค์‹œ ํ•™์› ํ”„๋กœ์ ํŠธ์— ์ง‘์ค‘ํ•  ์‹œ๊ธฐ๊ฐ€ ๋Œ์•„์˜ค๊ณ  ์žˆ๋‹ค. ๊ทธ์ „์— ๋ญ๋ผ๋„ ํ•˜๋‚˜ ๋จผ์ € ํ•ด๋ณด๊ณ  ์‹ถ์—ˆ์„ ๋ฟ์ด๋‹ค.
๋‚˜๋Š” ๋ถ„๋ช…ํžˆ (์ ์–ด๋„ ์•„์ฃผ ์งง์€.. ์ง€๊ธˆ๊นŒ์ง€์˜ ์‹œ๊ฐ„ ๋™์•ˆ ๋Š๋‚€ ๋ฐ”๋กœ๋Š”) ๋ฐฑ์—”๋“œ๊ฐ€ ์ž˜ ๋งž๋Š”๋‹ค๊ณ  ์ƒ๊ฐํ–ˆ๋Š”๋ฐ, ๋ฌด์–ธ๊ฐ€๋ฅผ ๊ตฌํ˜„ํ•˜๋‹ค๋ณด๋ฉด ๊ณ„์† ๋ธŒ๋ผ์šฐ์ €์—์„œ ๋ฒŒ์–ด์ง€๋Š” ์ผ์— ๋” ํž˜์“ฐ๊ฒŒ ๋  ๋•Œ๊ฐ€ ์žˆ๋‹ค. ๋ฐฑ์—”๋“œ๊ฐ€ ์ž˜ ๋งž๋Š”๋‹ค๊ธฐ๋ณด๋‹ค๋Š” ์ž๋ฐ”๋ผ๋Š” ์–ธ์–ด์— ํฅ๋ฏธ๋ฅผ ๊ฐ€์ง„ ๊ฒƒ์ผ๊นŒ? .. (๋‚˜๋Š” ์ž๋ฐ”๊ฐ€ ์™ค์ผ€ ์ข‹์ง€.. ์ •๋“ค์—ˆ๋‹ค;) ํ•˜์ง€๋งŒ css๋Š” ๊ฐ์žก๊ณ  ๊ณต๋ถ€ํ•˜์งˆ ์•Š์•„์„œ์ธ์ง€ ์•„์ง ๋‚ด ๋ง˜ ๊ฐ™์ง€ ์•Š๊ณ .. ๋˜ ํ”„๋กœ์ ํŠธ๋ฅผ ํ•  ๋•Œ๋Š” ํ™”๋ฉด ๊ตฌํ˜„์—์„œ ๊ณ ํ†ต๋ฐ›๊ณ  ์—…๋ฌด ๋กœ์ง ๋งŒ๋“œ๋Š” ๊ฒƒ์ด ํ›จ์”ฌ ์ข‹๋‹ค.
๋ญ ์•„๋ฌดํŠผ.. ๊ทธ๋ž˜๋„ ๋ฌด์–ผ ํ•˜๋“  ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ์ž˜ ์•Œ๋ฉด ์ข‹์œผ๋‹ˆ๊นŒ..!

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