Skip to content

hee031812/react-webpage

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

4 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๋ฆฌ์•กํŠธ๋ฅผ ์ด์šฉํ•œ ์›น ์‚ฌ์ดํŠธ ๋งŒ๋“ค๊ธฐ

์ฒ˜์Œ์œผ๋กœ ๋ฆฌ์•กํŠธ ์‚ฌ์ดํŠธ๋ฅผ ๋งŒ๋“ค์–ด ๋ณธ๋‹ค. ์ปดํผ๋„ŒํŠธ ๋ฐ props()๋ฅผ ์ด์šฉํ•˜์—ฌ ์‚ฌ์ดํŠธ๋ฅผ ๋งŒ๋“ค๊ณ  ์‚ฌ์ดํŠธ๋ฅผ ๊ตฌ์„ฑํ•ฉ๋‹ˆ๋‹ค. ๊ฐ€์ƒ ๋”(Virtual DOM), ์ปดํฌ๋„ŒํŠธ ๊ธฐ๋ฐ˜, ๋ฐ์ดํ„ฐ ์ฒ˜๋ฆฌ, JSX๋ฅผ ์ด์šฉํ•˜์—ฌ ์ž‘์—…ํ•˜์˜€์Šต๋‹ˆ๋‹ค.

๋ฆฌ์•กํŠธ๋ž€

React๋Š” ์›น ํ”„๋ ˆ์ž„์›Œํฌ๋กœ, ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์˜ ํ•˜๋‚˜๋กœ์„œ ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ๋งŒ๋“ค๊ธฐ ์œ„ํ•ด ์‚ฌ์šฉ๋œ๋‹ค.์‹ฑ๊ธ€ ํŽ˜์ด์ง€ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์ด๋‚˜ ๋ชจ๋ฐ”์ผ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์˜ ๊ฐœ๋ฐœ ์‹œ ํ† ๋Œ€๋กœ ์‚ฌ์šฉ๋  ์ˆ˜ ์žˆ๋‹ค.

  • ๋ฆฌ์•กํŠธ์˜ ํŠน์ง• ๋‹ค์„ฏ๊ฐ€์ง€
    1. Data Flow
    2. Component ๊ธฐ๋ฐ˜ ๊ตฌ์กฐ
    3. Virtual Dom
    4. Props and State
    5. JSX

์„ค์น˜

npx create-react-app react-webpage https://react-basic-site01.netlify.app

๋””์ž์ธ

๋””์ž์ธ์€ ์›น์ƒ์— ๊ณต์œ ๋˜์–ด์žˆ๋Š” ๋””์ž์ธ์œผ๋กœ ์ž‘์—…ํ•˜์˜€๋‹ค. ํ”ผ๊ทธ๋งˆ ๋””์ž์ธ

์ž‘์—…์ˆœ์„œ

  • ํ•„์š”์—†๋Š” ํŒŒ์ผ ์‚ญ์ œ [src์—๋Š” app.js / index.js ๋งŒ ๋‚จ๊น€]
  • rafce : ๊ธฐ๋ณธ ๋ฌธ๋ฒ• ๋‚˜์˜ค๊ฒŒ ํ•˜๊ธฐ ---> ํ™•์žฅ ํ”„๋กœ๊ทธ๋žจ์—์„œ ES7๋ฅผ ์„ค์น˜ํ•ด์•ผ ์ž‘๋™.
  • ๋ฆฌ์•กํŠธ ์‹œ์ž‘ npm start

About

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published