๐Ÿ“‹ React ๋ž€?

Dayยท2022๋…„ 4์›” 13์ผ
0

๐Ÿ“ฐ React๋ž€?

๐Ÿ’ฟ CRA

๐Ÿ’พ Component


๐Ÿ“ฆ JSX

  • Javascript ํ‘œํ˜„์„ ์“ฐ๋ ค๋ฉด ์ค‘๊ด„ํ˜ธ{}๋ฅผ ์จ์•ผ ํ•œ๋‹ค.

  • style๊ฐ™์€ ๊ฑฐ ์“ธ ๋•, html์—์„œ ์ผ๋˜ inline styling ์“ธ ์ˆ˜๋„ ์žˆ๋Š”๋ฐ,
    ์ด๋Ÿด๋•Œ value ๊ฐ’์— ์ค‘๊ด„ํ˜ธ๋ฅผ ํ•ด์•ผ ํ•จ.
    (๊ธฐ๋ณธ์ ์œผ๋กœ jsํ‘œํ˜„์ด๋ผ ์ค‘๊ด„ํ˜ธ ํ•˜๋‚˜ ์“ฐ๊ณ , style value๋ฅผ ๊ฐ์ฒด์— ๋‹ด์•„ ์จ์„œ ํ•˜๋‚˜ ๋” ์“ด๋‹ค)
    (์ด๊ฒŒ ์‹ซ์œผ๋ฉด style ๊ฐ’์„ ๋ณ€์ˆ˜๋กœ ๋”ฐ๋กœ ์ง€์ •ํ•ด๋‘” ๋‹ค์Œ, ๋ฐ‘์— ์ฒ˜๋Ÿผ ์“ธ ์ˆ˜๋„ ์žˆ๋‹ค.)

<div style={styles}>
  • ์กฐ๊ฑด๋ฌธ ๋ฐ˜๋ณต๋ฌธ ๊ฐ™์€ ๊ฒƒ๋“ค์€, ํƒœ๊ทธ๋“ค ์‚ฌ์ด์— ๋ชป์˜จ๋‹ค
<div> if(){}</div>  // ๋ถˆ๊ฐ€๋Šฅ

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