[Day 25] Westagram mentor review

vanessaยท2022๋…„ 6์›” 16์ผ
0

๐ŸŒˆ 2022๋…„ 6์›” 16์ผ (์ •๋ฆฌ ํ•„์š”)

2์ฃผ ๋™์•ˆ ์ง„ํ–‰ Westagram ํ”„๋กœ์ ํŠธ๋ฅผ ๋ฉ˜ํ† ๋‹˜์ด ๋ฆฌ๋ทฐํ•ด์ฃผ์‹œ๋Š” ์‹œ๊ฐ„์„ ๊ฐ€์กŒ๋‹ค.


๐Ÿ“Œ ๊ณตํ†ต ์ˆ˜์ • ์‚ฌํ•ญ


  • ํ•จ์ˆ˜๋Š” ํ•œ ๊ฐ€์ง€ ์•ก์…˜๋งŒ ํ•˜๋Š” ๊ฒƒ์ด ์ข‹๋‹ค
  • ํ•จ์ˆ˜ ์ด๋ฆ„์€ action verb
  • state๋ฅผ ์ค„์ผ ์ˆ˜ ์žˆ๋Š”์ง€ ๋ณด๊ธฐ
    • state ์„ฑ๊ฒฉ์„ ์‚ดํŽด๋ณด์ž
  • ์œ ์ง€๋ณด์ˆ˜๋ฅผ ์ค„์ด๊ธฐ ์œ„ํ•ด์„œ ์ง๊ด€์ ์œผ๋กœ ๋ณ€์ˆ˜, ํ•จ์ˆ˜๋ช…์„ ์ •ํ™•ํ•˜๊ฒŒ ์ „๋‹ฌํ•˜๋Š”์ง€
    • ๊ฐ€๋…์„ฑ & ์˜๋ฏธ์ „๋‹ฌ ์ค‘์š”
  • ๋ฐฐ์—ด๊ณผ ๊ฐ์ฒด๋Š” ๋ถˆ๋ณ€์„ฑ์ด๋ผ๋Š” ๊ทœ์น™ ๊ฐ€์ง€๊ณ  ์žˆ๋‹ค ๊ทธ๊ฒƒ์„ ์ง€ํ‚ค๊ธฐ ์œ„ํ•ด์„œ. ๋ฌด์กฐ๊ฑด ๋ณต์‚ฌํ•ด์„œ ๋‹ค๋ฃฌ๋‹ค. [...] ํŠน๋ณ„
  • onChange
  • setState ํ•จ์ˆ˜ => ๋น„๋™๊ธฐ ๊ฐœ๋…
  • setUserInfo: ํ•จ์ˆ˜์šฉ update
  • setState ๊ธฐ๋ณธ์ ์ธ ๋ฐฉ์‹์ด ์žˆ๊ณ  ํ•จ์ˆ˜ํ˜• ์—…๋ฐ์ดํŠธ๊ฐ€ ์žˆ๋‹ค. ํ•จ์ˆ˜ํ˜• ์—…๋ฐ์ดํŠธ๋Š” ๋‚ด๊ฐ€ ์—…๋ฐ์ดํŠธ ํ•˜๋Š” ๊ฐ’์ด ์ด ์ „ ์ƒํƒœ๊ฐ’์ด๋ž‘ ์—ฐ๊ด€์ด ์žˆ๋ƒ ์—†๋ƒ๋ž‘ ๊ด€๋ จ ์žˆ์Œ (ํ•จ์ˆ˜ํ˜• ์—…๋ฐ์ดํŠธ <-> ๊ธฐ๋ณธ์  ๋ฐฉ์‹)
    ์˜ˆ) ์ฝ”๋ฉ˜ํŠธ๋Š”, ์ „์— ๊ฐ’์€ ํ˜„์žฌ ๊ฐ’๊ณผ ๊ด€๋ จ์ด ์—†์ง€. ๊ทผ๋ฐ ๋กœ๊ทธ์ธ ์ธํฌ๋Š” ์ด์ „๊ฐ’์ด๋ž‘ ๊ด€๋ จ์ด ์žˆ์œผ๋‹ˆ๊นŒ ํ•จ์ˆ˜ํ˜• ์—…๋ฐ์ดํŠธ๋ฅผ ์จ์•ผ์ง€
  • @mixin(CSS ์‚ฌ์šฉ)

์ฝ”๋ฉ˜ํŠธ ๋ฆฌ์ŠคํŠธ ๊ฐ™์€ ๊ฒฝ์šฐ์—๋Š” ๊ทธ๋ƒฅ ๋ฐฐ์—ด์ด ์ข‹๊ณ , ID & password๋Š” ๊ฐ์ฒด๊ฐ€ ์ข‹๋‹ค. ๋ฐ์ดํ„ฐ์˜ ์„ฑ๊ฒฉ์„ ์ƒ๊ฐํ•ด๋ณด์ž.

์˜ˆ) ์ƒํ’ˆ ๋ฆฌ์ŠคํŠธ๊ฐ€ A, B, C๊ฐ€ ์žˆ๋‹ค ๊ทธ๋Ÿผ ๋ฐฐ์—ด [A, B, C]
์ƒํ’ˆ ์ƒ์„ธ์ •๋ณด๋Š” ๊ฐ์ฒด {SKU: 14984, color: white, }
๊ธฐ์กด form์ด ์žˆ๊ณ  values๋งŒ ๋ฐ”๊พธ๋Š” ๊ฑฐ๋ฉด ๊ฐ์ฒด ์‚ฌ์šฉ, form ์—†์ด ์ƒˆ๋กœ์šด ๋ฐ์ดํ„ฐ๊ฐ€ ์ถ”๊ฐ€ ๋˜๋ฉด ๋ฐฐ์—ด


## ๐Ÿ“Œ ๊ฐœ์ธ ์ˆ˜์ • ์‚ฌํ•ญ

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