Final Project(16)

codedotยท2022๋…„ 1์›” 17์ผ
0

Final Project 16์ผ์ฐจ โœ๐Ÿป

Sprint 3

  • ๋งˆ์ดํŽ˜์ด์ง€, ์˜์‚ฌ ๋งˆ์ดํŽ˜์ด์ง€ -> ์œ ํšจ์„ฑ๊ฒ€์‚ฌ
  • ๋ฉ”์ธํŽ˜์ด์ง€ ์ผ๋Ÿฌ์ŠคํŠธ ์ผ๋ถ€ ์ˆ˜์ •
  • ๋ฐ˜์‘ํ˜•(์˜์‚ฌ, ์ผ๋ฐ˜ ๋งˆ์ดํŽ˜์ด์ง€, ๋ณ‘์›๋ชฉ๋ก)

ํ•ด๊ฒฐํ•ด ๋‚˜๊ฐ€๊ธฐ

์ด์ œ ์กฐ๊ธˆ๋งŒ ๋” ํ•˜๋ฉด ๋งˆ๋ฌด๋ฆฌ๊ฐ€ ๋  ๊ฒƒ ๊ฐ™๋‹ค.
๊ทผ๋ฐ ์ด ๋‚จ์€ ๋ถ€๋ถ„๋“ค์˜ ๋‚œ์ด๋„๊ฐ€ ๊ทน์ƒ์ด๋ผ ์‰ฝ์ง€๊ฐ€ ์•Š๋‹ค...
๋‚ด๊ฐ€ ํ•ด๊ฒฐํ•ด์•ผ ํ•  ๋ถ€๋ถ„์€ ์˜์‚ฌ๋งˆ์ดํŽ˜์ด์ง€ ๋ถ€๋ถ„์ธ๋ฐ ์˜์‚ฌ ์ด๋ฆ„๋ถ€๋ถ„๊ณผ ๋ณ‘์›๋ช… ๋ถ€๋ถ„์„ ๋™์‹œ์— ์ˆ˜์ •ํ•˜๊ฒŒ ๋˜๋ฉด ์ž˜ ๋ฐ”๋€Œ๋Š” ๋ชจ์Šต์„ ๋ณด์ธ๋‹ค.
๊ทธ๋Ÿฐ๋ฐ ์ด๋ฆ„๋”ฐ๋กœ ๋ณ‘์›๋ช… ๋”ฐ๋กœ ๋ณ€๊ฒฝํ•˜๊ฒŒ ๋˜๋ฉด ๋‘˜ ์ค‘ ํ•˜๋‚˜๋Š” ๋นˆ๊ฐ’์œผ๋กœ ๋‚˜์˜ค๊ฒŒ ๋œ๋‹ค...
๋งŒ์•ฝ ์ด๋ฆ„์„ ๋ณ€๊ฒฝํ•˜๊ณ  ์ˆ˜์ •์„ ํ•˜๊ฒŒ ๋˜๋ฉด ๋ณ‘์›๋ช…์€ ๋นˆ๊ฐ’์œผ๋กœ ๋˜๊ณ  ๊ธฐ์กด์˜ ๋ณ‘์›๋ช…์ด ์‚ฌ๋ผ์ง€๊ฒŒ ๋œ๋‹ค.
๋ฐ˜๋Œ€๋กœ ๋ณ‘์›๋ช…์„ ๋ฐ”๊พธ๊ณ  ์ˆ˜์ •์„ ํ•˜๋ฉด ์ด๋ฆ„์ด ์‚ฌ๋ผ์ง€๊ฒŒ ๋œ๋‹ค.
console.log๋กœ ์ฐ์–ด๊ฐ€๋ฉฐ ๋ดค๋Š”๋ฐ ์ผ๋‹จ ์ด๋Ÿฐ์‹์œผ๋กœ ๋ฐ”๋€Œ๊ฒŒ ๋˜๋ฉด ์ž…๋ ฅํ•œ ๋ถ€๋ถ„๋งŒ ๊ฐ’์ด ๋“ค์–ด๊ฐ€๊ณ  ๋‹ค๋ฅธ ๋ถ€๋ถ„์€ ๋นˆ๊ฐ’์œผ๋กœ ์ „๋‹ฌ์ด ๋˜๋Š”๊ฑธ ํ™•์ธํ–ˆ๋‹ค.
useState์˜ ์ดˆ๊ธฐ ๊ฐ’์ด ๋นˆ๊ฐ’์ด๋‹ˆ๊นŒ ์ƒˆ๋กœ๊ณ ์นจํ•˜๋ฉด ์ดˆ๊ธฐํ™”๊ฐ€ ๋˜๋Š”๊ฑด๊ฐ€?? useEffect ์‚ฌ์šฉํ•ด์„œ ์ด๋ฅผ ํ•ด๊ฒฐํ•ด์•ผ ํ•˜๋Š”๊ฑด๊ฐ€ ์ž˜ ๋ชจ๋ฅด๊ฒ ๋‹ค.
์˜คํ›„ 2์‹œ๋ถ€ํ„ฐ์ธ๊ฐ€ ๋ดค๋Š”๋ฐ ํ•ด๊ฒฐ์„ ์ „ํ˜€ ํ•˜์ง€ ๋ชปํ–ˆ๋‹ค.
๋‚ด์ผ๋„ ์ผ๋‹จ์€ ์ด ๋ถ€๋ถ„์„ ๋‹ค์‹œ ๋ณด๊ณ  ๊ฒ€์ƒ‰ํ•ด๋ณด๋Š” ๊ฑธ๋กœ!!


4์ฃผ์ฐจ

ํŒ€์›๋“ค๊ณผ ํ•˜๋ฃจ๋ฅผ ๋งˆ๋ฌด๋ฆฌํ•˜๋ฉฐ ์˜ค๋Š˜ ์–ด๋–ค์ผ์„ ํ–ˆ๋Š”์ง€, ์–ด๋–ค ์–ด๋ ค์›€์ด ์žˆ์—ˆ๋Š”์ง€ ๊ทธ๋ฆฌ๊ณ  ๋‚ด์ผ์€ ์–ด๋–ค์ผ์„ ํ•  ๊ฒƒ์ธ์ง€์— ๋Œ€ํ•ด ๊ฐ์ž์˜ dev-log๋ฅผ ํ†ตํ•ด ์ž‘์„ฑํ•œ๋‹ค.
์•ž์— 4์ฃผ์ฐจ๋ผ๋Š” ์ˆซ์ž๊ฐ€ ๋ณด์ด๋‹ˆ ๋ญ”๊ฐ€ ์ด‰๋ฐ•ํ•œ ๊ฒƒ ๊ฐ™์œผ๋ฉด์„œ, ๋งˆ๋ฌด๋ฆฌ ๋˜๋Š”๊ตฌ๋‚˜ ์‹ถ๊ธฐ๋„ ํ•œ๋ฐ ๊ทธ๋ƒฅ ๋“œ๋Š”์ƒ๊ฐ์€ '๋ฒŒ์จ' ์ด๋‹ค.
์ด์ „์—๋„ ์–˜๊ธฐํ–ˆ๋“ฏ์ด ํ”„๋กœ์ ํŠธ๋ฅผ ์‹œ์ž‘ํ•˜๋ฉด์„œ ๋‚ ์งœ์— ๋Œ€ํ•œ ๊ฐ๊ฐ์ด ์—†์–ด์ง„ ์š”์ฆ˜์ด๋ผ '๋ฒŒ์จ'๋ผ๋Š” ์ƒ๊ฐ์ด ๋“œ๋Š”๊ฑด ๋‹น์—ฐํ•œ๋“ฏ!
์ด๊ฒƒ๋„ ์ž‘์„ฑํ•ด์•ผ ํ•  ๋‚ ์ด ์ด์ œ 4๋ฒˆ๋ฐ–์— ์•ˆ๋‚จ์•˜๋„ค ํ›„์šฐ ๋‚จ์€ ์ผ์ •๋„ ํ™•์‹คํžˆ ํ•ด๋ณด์ž!


profile
Loding...

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