[React] React Twittler SPA

fejiguยท2022๋…„ 8์›” 1์ผ
1

React

๋ชฉ๋ก ๋ณด๊ธฐ
5/16
post-thumbnail

๐Ÿ”Ž ์‹ค์ œ๋กœ React Twittler SPA ๊ณผ์ œ๋ฅผ ํ•ด๋ณด๋ฉฐ ํ•™์Šตํ•ด๋ณด์•˜๋‹ค. ๊ฐ„ํ˜น import,export ํ•˜๋Š” ๊ฒƒ์„ ๊นŒ๋จน๊ณ , useNavigate,map, filter ํ•จ์ˆ˜ ์‚ฌ์šฉ์„ ํ—ค๋งธ๋Š”๋ฐ ์ด ๋ถ€๋ถ„์€ ๋‹ค์‹œ ๋ณต์Šต์ด ํ•„์š”ํ•  ๊ฒƒ ๊ฐ™๋‹ค.

โœ”๏ธ npm ์„ ์ด์šฉํ•ด react-router-dom์„ ์„ค์น˜
โœ”๏ธ ์ปดํฌ๋„ŒํŠธ ๋‹จ์œ„๋กœ Client-side routing
โœ”๏ธ react-router-dom ๋ฅผ ํ™œ์šฉํ•˜์—ฌ Twittler SPA๋ฅผ ๊ตฌํ˜„
โœ”๏ธ BrowserRouter, Routes, Route
โœ”๏ธ useNavigate ์‚ฌ์šฉ ๋‹ค์‹œ ์ˆ™์ง€ํ•˜๊ธฐ
โœ”๏ธ import ๊นŒ๋จน์ง€ ์•Š๊ธฐ
โœ”๏ธ map, filter ํ•จ์ˆ˜ ์‚ฌ์šฉ

profile
์‹ ๊ทœ ์„œ๋น„์Šค์˜ ๊ธฐํš๋ถ€ํ„ฐ ๊ฐœ๋ฐœ, ์šด์˜๊นŒ์ง€ ์ „ ๊ณผ์ •์„ ๊ฒฝํ—˜ํ•œ ์ฃผ๋‹ˆ์–ด ๐Ÿ“ฑ

0๊ฐœ์˜ ๋Œ“๊ธ€