/blog-react

๐Ÿ“ฐ React ๋ฐ˜์‘ํ˜• ๋ธ”๋กœ๊ทธ ๋งŒ๋“ค๊ธฐ

Primary LanguageJavaScript

React Blog

ํ˜„์žฌ ๋ธŒ๋žœ์น˜ ์…‹ํŒ… ์ •๋ณด

  1. npx create-react-app ./ : ํ•ด๋‹น ํด๋”์— React ์„ค์น˜
  2. ๋ถˆํ•„์š”ํ•œ ํŒŒ์ผ ์‚ญ์ œ / ํ•„์š”ํ•œ ์ด๋ฏธ์ง€ ํŒŒ์ผ ๋ฐ ๋”๋ฏธ ๋ฐ์ดํ„ฐ ์…‹ํŒ…

React ์‹ค์Šตํ•˜๊ธฐ

  • ๊ธฐ์กด HTML/CSS ํŒŒ์ผ์„ ์ด์šฉํ•˜์—ฌ React ์ž‘์—…์„ ํ•ด๋ณด์„ธ์š”.
  1. ์ปดํฌ๋„ŒํŠธ ๋งŒ๋“ค๊ธฐ
  2. Router๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ํŽ˜์ด์ง€ ๋ผ์šฐํŒ… ์ฒ˜๋ฆฌํ•˜๊ธฐ
  3. state ์ฒ˜๋ฆฌ๋ฅผ ํ†ตํ•ด header ๋ฒ„ํŠผ ๋ฐ”๊พธ๊ธฐ
  • logout
    logout
  • login
    login
  1. ๋”๋ฏธ ๋ฐ์ดํ„ฐ๋ฅผ ๊ฐ€์ ธ์™€ ๊ฒŒ์‹œ๊ธ€, ๋ธ”๋กœ๊ทธ ์ •๋ณด, ์œ ์ €์ •๋ณด ๋ฟŒ๋ ค์ฃผ๊ธฐ

blog-react