๐Ÿค”์™œ React๋ฅผ ์‚ฌ์šฉํ•ด์•ผํ• ๊นŒ?

์งฑํšจยท2023๋…„ 11์›” 7์ผ
0

REACT

๋ชฉ๋ก ๋ณด๊ธฐ
2/29

๐Ÿค”์™œ React๋ฅผ ์‚ฌ์šฉํ•ด์•ผํ• ๊นŒ?

์ฒซ๋ฒˆ์จฐ:๋ฆฌ์•กํŠธ๋Š” ์ปดํฌ๋„ŒํŠธ ๊ธฐ๋ฐ˜์˜ UI๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ!

  • ํƒœ๊ทธ๋งŒ ๋‹ค๋ฅด๊ณ  ๋‹ค ๊ฐ™๋‹ค!

  • ๋‹ค๋ฅธ๋ถ€๋ถ„ ํ•˜๋‚˜๋•Œ๋ฌธ์— 100๊ฐœ์˜ ํŒŒ์ผ์„ ์ˆ˜์ •...ํž˜๋“ค์–ด..

์ปดํฌ๋„ŒํŠธํ™” ๋ฐฉ์‹

  • ๊ณตํ†ต์ ์œผ๋กœ ์จ์•ผํ•  ๊ฒƒ๋“ค์„ ์ปดํฌ๋„ŒํŠธํ™” ํ•œ๋‹ค.

  • ํ—ค๋”๋ฅผ ์ˆ˜์ •ํ•ด์•ผํ•˜๋Š” ์ƒํ™ฉ์ด ์ƒ๊น€

    • ์˜ค๋ฅธ์ชฝ ์ปดํฌ๋„ŒํŠธ๋ฐฉ์‹์€ ์ปดํฌ๋„ŒํŠธ์ •์˜๋œ ํŒŒ์ผ๋งŒ ์ˆ˜์ •ํ•˜๋ฉด ๋œ๋‹ค.
    • ๊ณตํ†ต์š”์†Œ์˜ ์ˆ˜์ •์š”์†Œ๊ฐ€ ์ƒ๊ธฐ๋ฉด ์ˆ˜์ •์ด ์ˆ˜์›ํ•ด์ง„๋‹ค.
      -> ์œ ์ง€๋ณด์ˆ˜ ํŽธํ•จ.

    ๊ทธ ๋ž˜ ์„œ ๋ฆฌ ์•ก ํŠธ ์‚ฌ ์šฉ ํ•˜ ๊ธฐ!

  • ๋ฆฌ์•กํŠธ๋Š” ์ปดํฌ๋„ŒํŠธ ๊ธฐ๋ฐ˜์˜ UI๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ!

โœ๏ธ๋‘๋ฒˆ์งธ ์ด์œ 

๋ช…๋ นํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ

  • ์ ˆ์ฐจ ํ•˜๋‚˜ํ•˜๋‚˜ ๋‹ค ๋‚˜์—ดํ•ด์•ผํ•จ.
  • ์ฝ”๋“œ๊ฐ€ ๋„ˆ๋ฌด ๊ธธ๋‹ค..ํ•ด์„๋„ ํž˜๋“ค์–ด..
  • (์ œ์ด์ฟผ๋ฆฌ)


์„ ์–ธํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ

  • ๊ทธ๋ƒฅ ๋ชฉ์ ์„ ๋ฐ”๋กœ ๋งํ•จ (๋ฆฌ์•กํŠธ)

โœ๏ธVirtual Dom (๊ฐ€์ƒ๋”) : ์„ธ๋ฒˆ์งธ ์ด์œ 

  • html์„ ์ž๊ธฐ๊ฐ€ ํŽธํ•œ๋Œ€๋กœ ํ•ด์„ํ•ด๋†“์ˆ˜์žˆ๊ฒŒ ๋งŒ๋“  ๊ฐ์ฒด๋ฅผ ์˜๋ฏธํ•จ.

  • ๋žœ๋”๋ง ๋ ๋•Œ๋งˆ๋‹ค ์ด๋ ‡๊ฒŒ ๋ณต์žกํ•˜๊ฒŒ ๋‹ค์‹œ ์‹คํ–‰๋จ.

  • ๊ณ„์† ๋”์„ ๋ณ€๊ฒฝ. ์—˜๋ฆฌ๋จผํŠธ๊ฐ€ ์ถ”๊ฐ€๋จ.(๋ฐ˜๋ณต์ž‘์—…)

    • ํ•œ๋ฒˆ์— 5๊ฐœ์”ฉ ์ถ”๊ฐ€๋จ.
    • ์œ„์— ์ € ๋ณต์žกํ•œ ์ž‘์—…์„ ๊ณ„์†ํ•จ.

  • ๋”์š”์†Œ์— ์ถ”๊ฐ€๋˜์„œ -> ์„ฑ๋Šฅ์ €ํ•˜

    ๊ฐ€์ƒ๋”: ๊ฐ€์ƒ์— ๋ฏธ๋ฆฌ ์—…๋ฐ์ดํŠธํ•ด๋ณด๊ณ  ํ•œ๋ฒˆ์— ๋ฆฌ์–ผ๋”์— ์—…๋ฐ์ดํŠธ

    • 5๋ฒˆ ๋ณ€๊ฒฝํ• ๊ฑฐ 5๊ฐœ๋ฅผ ํ•œ๋ฒˆ์— ๋žœ๋”๋ง

profile
โœจ๐ŸŒํ™•์žฅํ•ด ๋‚˜๊ฐ€๋Š” ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž์ž…๋‹ˆ๋‹คโœ๏ธ

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