less than 1 minute read

Hello World!

๋ณธ ๊ฒŒ์‹œ๊ธ€์€ย ๋ฆฌ์•กํŠธ ๊ณต์‹๋ฌธ์„œ๋ฅผ ์ฝ๊ณ  ์ •๋ฆฌํ•œ ๊ธ€์ด๋‹ค.

์˜ค๋Š˜ ๋ถ€ํ„ฐ ๋ฆฌ์•กํŠธ ๋ฌธ์„œ๋ฅผ ์ฝ๊ณ  ์š”์•ฝํ•  ๊ฒƒ์ด๋‹ค.
์ด ๋ฌธ์„œ๋Š” ์˜ค๋ž˜๋˜์–ด ์—…๋ฐ์ดํŠธ ๋˜์ง€ ์•Š์„ ๊ฒƒ์ด๊ธฐ ๋•Œ๋ฌธ์— react.dev์—์„œ ์—…๋ฐ์ดํŠธ ๋œ ๋‚ด์šฉ์„ ํ™•์ธ ํ•  ์ˆ˜ ์žˆ๋‹ค.

  • ๊ฐ€์žฅ ๋‹จ์ˆœํ•œ React ์˜ˆ์‹œ๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์ด ์ƒ๊ฒผ๋‹ค.
1
2
const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(<h1>Hello, world!</h1>);

image

  • ์œ„ ์ฝ”๋“œ๋Š” ํŽ˜์ด์ง€์— โ€œHello, world!โ€๋ผ๋Š” ์ œ๋ชฉ์„ ๋ณด์—ฌ์ค€๋‹ค.

React๋Š” JavaScript์˜ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์ด๋ฉฐ, ๋”ฐ๋ผ์„œ JavaScript ์–ธ์–ด์— ๋Œ€ํ•œ ๊ธฐ๋ณธ์ ์ธ ์ดํ•ด๊ฐ€ ํ•„์š”ํ•˜๋‹ค. ์•„์ง ์ž์‹ ์ด ์—†๋‹ค๋ฉด, JavaScript ํŠœํ† ๋ฆฌ์–ผ ์‚ดํŽด๋ณด๊ธฐ๋ฅผ ํ†ตํ•ด ์ž์‹ ์˜ ์ง€์‹์ˆ˜์ค€์„ ํ™•์ธํ•˜๊ธธ ๊ถŒ์žฅํ•œ๋‹ค.

Tags:

Categories:

Updated:

Leave a comment