/space-react

๐Ÿ”ฎ react + react-router-dom์„ ํ™œ์šฉํ•˜์—ฌ ์šฐ์ฃผ์—ฌํ–‰ ์†Œ๊ฐœ ์‚ฌ์ดํŠธ๋กœ ํ–‰์„ฑ๋“ค๊ณผ ํฌ๋ฃจ์›๋“ค์„ ์†Œ๊ฐœํ•˜๊ณ  ์šฐ์ฃผ๊ธฐ์ˆ ์„ ์„ค๋ช…ํ•ด์ฃผ๋Š” ์‚ฌ์ดํŠธ์ž…๋‹ˆ๋‹ค.

Primary LanguageJavaScript

React-Project-SpaceWeb

react + react-router-dom ์šฐ์ฃผ์›น์‚ฌ์ดํŠธ

๐Ÿ›ธ Repo ์†Œ๊ฐœ

์šฐ์ฃผ์—ฌํ–‰ ์†Œ๊ฐœ ์‚ฌ์ดํŠธ๋กœ ํ–‰์„ฑ๋“ค๊ณผ ํฌ๋ฃจ์›๋“ค์„ ์†Œ๊ฐœํ•˜๊ณ  ์šฐ์ฃผ๊ธฐ์ˆ ์„ ์„ค๋ช…ํ•ด์ฃผ๋Š” ์‚ฌ์ดํŠธ์ž…๋‹ˆ๋‹ค.

๐Ÿ”’ ๊ฐœ์ธํ”„๋กœ์ ํŠธ


๐Ÿ–‹๏ธ ์ฃผ์š”๊ธฐ๋Šฅ

  • Home์—์„œ EXPLORE๋ฒ„ํŠผ์„ ๋ˆ„๋ฅด๋ฉด DESTINATION์œผ๋กœ ๋„˜์–ด๊ฐ€ MOON, MARS, EUROPA, TITAN ํ–‰์„ฑ์˜ ๊ฐ„๋‹จํ•œ ์„ค๋ช…๋“ค๊ณผ ๊ฑฐ๋ฆฌ๋ฅผ ์•Œ ์ˆ˜ ์žˆ๋‹ค.
  • CREW์ฐฝ ์—์„œ๋Š” ์šฐ์ฃผ์—ฌํ–‰์„ ํ•จ๊ป˜ ํ•˜๋Š”๋ฐ ๋„์›€์„ ์ฃผ๋Š” crew๋“ค์„ ์†Œ๊ฐœํ•˜๋Š” ํŽ˜์ด์ง€.
  • ๋งˆ์ง€๋ง‰ TECHNOLOGY๋Š” ๊ฐœ๋ฐœ๋œ ์šฐ์ฃผ๊ธฐ์ˆ ๋“ค์„ ์†Œ๊ฐœํ•˜๊ณ  ์„ค๋ช…ํ•ด์ฃผ๋Š” ํŽ˜์ด์ง€.

โš™๏ธ Prerequisites

  • npm >= 6.0.0
  • react >= 18.2.0
  • react-router-dom >= 6.3

Install

npx create-react-app .
npm start
npm install react-router-dom --save

๐Ÿ–ฅ๏ธ ์‹คํ–‰ํ™”๋ฉด

  1. ์ฒซ HOMEํ™”๋ฉด home

  2. DESTINATION ํ™”๋ฉด dest

  3. CREW ํ™”๋ฉด crew

  4. TECHNOLOGY ํ™”๋ฉด

technology