220728

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

Today I Learned

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

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

  1. ํŒŒ์ด๋„ ํ”„๋กœ์ ํŠธ ๊ฐœ๋ฐœ ์‹œ์ž‘ : ๊ธฐ๋Šฅ ๋ถ„๋‹ด ๋ฐ ๋””์ž์ธ ๊ด€๋ จ ํ˜‘์˜, ๊ฐœ๋ฐœํ™˜๊ฒฝ(ํ”„๋กœ์ ํŠธ ์ƒ์„ฑ, ํ˜‘์—… ๊ด€๋ จ ๋“ฑ) ์„ค์ •, ๊ฐœ์ธ์ž‘์—… ์‹œ์ž‘
  • Spring boot ๊ธฐ๋ฐ˜์˜ MVC ๊ฐœ๋ฐœ ๋ฐฉ์‹์œผ๋กœ ์ˆ™์†Œ ์˜ˆ์•ฝ ์‚ฌ์ดํŠธ๋ฅผ ๊ตฌํ˜„ํ•˜๊ธฐ๋กœ ํ–ˆ๋‹ค.
  • ๋‚˜๋Š” ์ˆ™์†Œ ๊ฒ€์ƒ‰, ์กฐํšŒ ๋ถ€๋ถ„์„ ๋งก์•˜๊ณ  ๋‹ค์ค‘ ์กฐ๊ฑด ๊ฒ€์ƒ‰ ๊ธฐ๋Šฅ์— ๊ฐ€์žฅ ์ง‘์ค‘ํ•˜๋ ค๊ณ  ํ•œ๋‹ค.
  • ์กฐ์žฅ๋‹˜์ด ๋งŒ๋“  ์›๊ฒฉ ๋ ˆํฌ์ง€ํ† ๋ฆฌ๋ฅผ ํด๋ก ํ•˜์—ฌ ํ”„๋กœ์ ํŠธ ์ƒ์„ฑ ํ›„, ๋ธŒ๋žœ์น˜ ํ…Œ์ŠคํŠธ๋ฅผ ํ•จ. ๊นƒ ํด๋ก  ๊ธฐ๋Šฅ์„ ์ฒ˜์Œ ์จ๋ณด์•˜๋‹ค.
  • ๋ถ€ํŠธ์ŠคํŠธ๋žฉ ํ…Œ๋งˆ ์ปฌ๋Ÿฌ๋ฅผ ์ผ๊ด„์ ์œผ๋กœ ๋ฐ”๊ฟ”์„œ ๋””์ž์ธ ํ†ต์ผ์„ ์‰ฝ๊ฒŒ ํ•˜๋ฉด ์ข‹๊ฒ ์–ด์„œ, ์–ด์ œ ๋ฐค ๋ฐฉ๋ฒ•์„ ์ฐพ์•„๋ณด๋‹ค๊ฐ€ scss๋ฅผ ์ง์ ‘ ์ˆ˜์ •ํ•˜๋Š” ๊ฒŒ ํ™”๋ฉด๋””์ž์ธ๋ณด๋‹ค๋Š” ์ˆ˜์—…์—์„œ ๋ฐฐ์šด ๋ฐฑ์—”๋“œ ๊ธฐ์ˆ  ๊ตฌํ˜„์— ์ง‘์ค‘ํ•˜๋Š” ์šฐ๋ฆฌ์—๊ฒŒ ๋„ˆ๋ฌด ๋ณต์žกํ•œ ์ผ์€ ์•„๋‹๊นŒ ๊ณ ๋ฏผ์ด์—ˆ๋‹ค. ๊ทธ๋Ÿฐ๋ฐ ๊ฐ•์‚ฌ๋‹˜๊ป˜์„œ bootswatch์ฒ˜๋Ÿผ ์ด๋ฏธ ๋ถ€ํŠธ์ŠคํŠธ๋žฉ ์„ค์ •์„ ํ…Œ๋งˆ์— ๋งž๊ฒŒ ์ˆ˜์ •ํ•œ css๋ฅผ ์ œ๊ณตํ•˜๋Š” ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋“ค์ด ์žˆ๋‹ค๋Š” ๊ฑธ ์•Œ๋ ค์ฃผ์…”์„œ ์ด๊ฒƒ์„ ์‚ฌ์šฉํ•˜๊ธฐ๋กœ ํ–ˆ๋‹ค.
    ๋˜ ๋ถ€ํŠธ์ŠคํŠธ๋žฉ์ด ์•„๋‹ˆ์–ด๋„ ๋‚˜ ๊ฐ™์€ css ์ดˆ๊ธ‰์ž..๊ฐ€ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ๋‹ค๋ฅธ UI ํ”„๋ ˆ์ž„์›Œํฌ๋“ค๋„ ์žˆ๋‹ค๋Š” ๊ฑธ ์•Œ๊ฒŒ ๋˜์—ˆ๋‹ค.
  1. ํŒŒ์ด๋„ ํ”„๋กœ์ ํŠธ ๊ฐœ์ธ ์ž‘์—… :
  • ์ˆ™์†Œ ๊ฒ€์ƒ‰ ๋ฆฌ์ŠคํŠธ ํŽ˜์ด์ง€ ํ™”๋ฉด ๊ตฌํ˜„๋ถ€ํ„ฐ ์‹œ์ž‘.
  • ์—ฌ์ „ํžˆ ์œ ๋… CSS ์ž‘์—…์— ์–ด๋ ค์›€์„ ๋งŽ์ด ๋Š๋‚€๋‹ค. ๋ฐฑ์—”๋“œ ๊ฐœ๋ฐœ์ž๊ฐ€ ๋˜๋ ค๊ณ  ํ•˜๊ธฐ ๋•Œ๋ฌธ์— CSS๋Š” ๊ทผ๋ณธ๋ถ€ํ„ฐ ์•Œ ํ•„์š” ์—†๋‹ค๊ณ  ์ƒ๊ฐํ•˜๊ณ  ์“ฐ๋ฉด ์จ์ง€๋Š”๋Œ€๋กœ ์ž์„ธํžˆ ๊ณต๋ถ€ํ•˜์ง€ ์•Š์•˜๋Š”๋ฐ ๊ทธ ๋•Œ๋ฌธ์ธ๊ฐ€.. flex๊ฐ€ ์–ด๋–ค ์›๋ฆฌ์ด๊ณ  fluid๊ฐ€ ๋ญ๊ณ  ์ด๋Ÿฐ ๊ฑธ ์ •ํ™•ํžˆ ๋ชจ๋ฅด๋‹ˆ๊นŒ ๋ถ€ํŠธ์ŠคํŠธ๋žฉ์„ ์“ฐ๋ฉด์„œ๋„ ์‰ฝ์ง€ ์•Š๋‹ค. ๊ทธ๋ž˜๋„ ์•„์ง๊นŒ์ง€๋Š” ํ˜ผ์ž์„œ ํ’€ ์Šคํƒ์œผ๋กœ ์ด๊ฒƒ์ €๊ฒƒ ํ•ด๋ด์•ผ ํ•  ์ผ์ด ๋งŽ์„ํ…Œ๋‹ˆ ์ž˜ ์•„๋Š” ๊ฒŒ ์ข‹๊ฒ ์ง€..
  1. ๊ธฐ์ˆ ๋ฉด์ ‘ ์ž๋ฐ” ๊ด€๋ จ 2๋ฌธ์ œ ๋‹ต๋ณ€. ์•Œ๊ณ  ์žˆ๋‹ค๊ณ  ์ƒ๊ฐํ•˜๋Š” ๊ฒƒ๋„ ์ •ํ™•ํžˆ ์ ์œผ๋ ค๊ณ  ํ•˜๋ฉด ์‰ฝ๊ฒŒ ์จ์ง€์ง€ ์•Š๋Š”๋‹ค. ๊ทธ๋ž˜๋„ ๋งค์ผ, ๋˜ ๊ฐ€๋Šฅํ•˜๋ฉด ๋” ๋งŽ์ด ๋‹ตํ•ด๋ดค์œผ๋ฉด ์ข‹๊ฒ ๋‹ค.
  2. ํ•™์› ์ด๋ ฅ์„œ ํ”ผ๋“œ๋ฐฑ ๋ฐ˜์˜ํ•ด์„œ ์ˆ˜์ •

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

  1. ํŒŒ์ด๋„ ํ”„๋กœ์ ํŠธ ๊ฐœ์ธ ์ž‘์—… : ํ™”๋ฉด ๊ตฌํ˜„ ๋งˆ์ € ํ•˜๊ธฐ .. ์‚ฝ์งˆ ํ•˜์ง€ ๋ง๊ธฐ , ๋””์ž์ธ ํ†ต์ผ ๊ด€๋ จ ๋…ผ์˜ํ•  ๋ถ€๋ถ„ ์žˆ์œผ๋ฉด ๋ฌผ์–ด๋ณด๊ธฐ
    ์‰ฌ์šด ๋ถ€๋ถ„๋ถ€ํ„ฐ ์ „์ฒด์ ์œผ๋กœ ๋จผ์ € ๊ตฌํ˜„ํ•˜๊ธฐ
    ๋ฐ์ดํ„ฐ ํฌ๋กค๋ง ํ•„์š”์‚ฌํ•ญ ์žฌ๊ฒ€ํ† 
  2. ๊ธฐ์ˆ ๋ฉด์ ‘ ๋‹ต๋ณ€
  3. ๊ฐœ์ธ ์ž‘์—… ์„ธ๋ถ€ ์ผ์ • ๊ณ„ํš

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