๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

JSX1

[React] 1. JSX 2023.05.05 - [๐ŸŒŒ | WEB DEV/React] - [React] 0. React๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ์ด์œ  & ์ดˆ๊ธฐ ์„ธํŒ… ๋ณธ๊ฒฉ์ ์œผ๋กœ React๋ฅผ ์ด์šฉํ•ด ์›นํŽ˜์ด์ง€๋ฅผ ๋งŒ๋“ค์–ด๋ณด์ž! 1. JSX ์›น์‚ฌ์ดํŠธ์˜ ๋ผˆ๋Œ€๋ฅผ ๊ตฌ์ถ•ํ•  ๋•Œ html๊ณผ css๋ฅผ ์ด์šฉํ•˜์—ฌ ๊ตฌ์„ฑํ•œ๋‹ค. React๋ผ๊ณ  ํ•ด์„œ ๋‹ค๋ฅผ ๊ฒƒ์€ ์—†๋‹ค! ๋˜‘๊ฐ™์ด html๊ณผ css๋ฅผ ์ด์šฉํ•œ๋‹ค. ํ•˜์ง€๋งŒ ๋‹ค๋ฅธ ์ ์€ ์ €๋ฒˆ ํฌ์ŠคํŠธ์—์„œ ๋‹ค๋ค˜๋˜ ๊ฒƒ ์ฒ˜๋Ÿผ jsํŒŒ์ผ์— ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•œ๋‹ค. ์ด๊ฒƒ์ด ๋ฐ”๋กœ JSX์ด๋‹ค. JSX(JavaScript XML)๋Š” JS์— XML์„ ์ถ”๊ฐ€ํ•œ ๋ฌธ๋ฒ•์ด๋‹ค. JSX์— XML ์ฝ”๋“œ๋ฅผ ์ž…๋ ฅํ•˜๋ฉด ๋ธŒ๋ผ์šฐ์ €์—์„œ ์‹คํ–‰ํ•˜๊ธฐ ์ „ ๋ฐ”๋ฒจ์„ ํ†ตํ•ด ์ผ๋ฐ˜ jsํ˜•ํƒœ์˜ ์ฝ”๋“œ๋กœ ๋ณ€ํ™˜๋œ๋‹ค. App.js import './App.css'; function App() { return ( ..... 2023. 5. 7.
๋ฐ˜์‘ํ˜•

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”