React Library Document - dev-team-projects/DeliTalk GitHub Wiki

์ž‘์„ฑ์ž : ์ž„์„ฑ์ค€, ์ •ํ˜œ์˜, ์ด์œค์„œ


React

  • JSP/Servlet ๊ธฐ๋ฐ˜์˜ ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ•˜๋ฉด์„œ ํ™”๋ฉด ๊ตฌ์„ฑ๊ณผ ์œ ์ง€๋ณด์ˆ˜์— ํ•œ๊ณ„๋ฅผ ๋А๊ปด, ํ”„๋ก ํŠธ์—”๋“œ ์ƒ์‚ฐ์„ฑ์„ ๋†’์ด๊ธฐ ์œ„ํ•ด React๋ฅผ ์„ ํƒํ–ˆ์Šต๋‹ˆ๋‹ค.

์žฅ์ 

React๋Š” ์ปดํฌ๋„ŒํŠธ ๊ธฐ๋ฐ˜ ๊ตฌ์กฐ

  • ์ฝ”๋“œ ์žฌ์‚ฌ์šฉ์ด ์šฉ์ด
  • ์ƒํƒœ ๊ด€๋ฆฌ๋กœ ๋ณต์žกํ•œ UI๋„ ํšจ์œจ์ ์œผ๋กœ ๊ตฌํ˜„ํ•  ์ˆ˜ ์žˆ์–ด ํ™•์žฅ์„ฑ๊ณผ ์œ ์ง€๋ณด์ˆ˜ ์ฆ๊ฐ€ํ•ฉ๋‹ˆ๋‹ค.

React Native๋กœ ํ™•์žฅ์„ฑ

  • ๋ชจ๋ฐ”์ผ ์•ฑ ๊ฐœ๋ฐœ๊นŒ์ง€ ์—ฐ๊ณ„ํ•  ์ˆ˜ ์žˆ์–ด ํ•™์Šต๊ณผ ์‹ค๋ฌด ๊ฒฝํ—˜ ๋ชจ๋‘์— ๋„์›€์ด ๋ฉ๋‹ˆ๋‹ค.

Virtual DOM์„ ํ†ตํ•œ ๋น ๋ฅธ ๋ Œ๋”๋ง

  • ๋ณ€๊ฒฝ๋œ ๋ถ€๋ถ„๋งŒ ํšจ์œจ์ ์œผ๋กœ ์—…๋ฐ์ดํŠธํ•˜์—ฌ ์„ฑ๋Šฅ์„ ํ–ฅ์ƒ์‹œํ‚ต๋‹ˆ๋‹ค.
  • ์‹ค์ œ DOM ์กฐ์ž‘๋ณด๋‹ค ํ›จ์”ฌ ๋น ๋ฆ…๋‹ˆ๋‹ค.

ํ’๋ถ€ํ•œ ์ƒํƒœ๊ณ„ ๋ฐ ์ปค๋ฎค๋‹ˆํ‹ฐ

  • React Router, Redux, Recoil, Tailwind ๋“ฑ ๋‹ค์–‘ํ•œ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์™€์˜ ์—ฐ๋™ ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค.
  • ๊ณต์‹ ๋ฌธ์„œ ๋ฐ ์˜คํ”ˆ์†Œ์Šค ์˜ˆ์ œ๊ฐ€ ํ’๋ถ€ํ•ฉ๋‹ˆ๋‹ค.

๋‹จ๋ฐฉํ–ฅ ๋ฐ์ดํ„ฐ ํ๋ฆ„

  • ๋ฐ์ดํ„ฐ ํ๋ฆ„์ด ์˜ˆ์ธก ๊ฐ€๋Šฅํ•˜๊ณ  ๋””๋ฒ„๊น…์ด ์‰ฝ์Šต๋‹ˆ๋‹ค.

์ž์œ ๋„ ๋†’์€ ๊ตฌ์กฐ ์„ค๊ณ„

  • ํŠน์ • ํ”„๋ ˆ์ž„์›Œํฌ์— ์ข…์†๋˜์ง€ ์•Š๊ณ  ์œ ์—ฐํ•˜๊ฒŒ ๊ตฌ์กฐ๋ฅผ ์„ค๊ณ„ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.