๊ด€๋ฆฌ ๋ฉ”๋‰ด

๋ชฉ๋กroutes (1)

Hey Tech

[React] 404 Not Found ์˜๋ฏธ์™€ ๋ฆฌํ„ด ํŽ˜์ด์ง€ ๋งŒ๋“œ๋Š” ๋ฐฉ๋ฒ•

๐Ÿ“š ๋ชฉ์ฐจ 1. 404 ์—๋Ÿฌ ์˜๋ฏธ 2. 404 ์—๋Ÿฌ ์‹œ ๋ฆฌํ„ด ํŽ˜์ด์ง€ ๋งŒ๋“ค๊ธฐ 3. ๊ฒฐ๊ณผ 1. 404 ์—๋Ÿฌ ์˜๋ฏธ 404 Error๋Š” HTTP์—์„œ ํŒŒ์ผ์„ ์ฐพ์ง€ ๋ชป ํ•  ์‹œ ๋ฐœ์ƒํ•˜๋Š” ์—๋Ÿฌ ์ฝ”๋“œ์ž…๋‹ˆ๋‹ค. ์—ฌ๊ธฐ์„œ ๋งจ ์•ž ์ˆซ์ž 4๋Š” ํด๋ผ์ด์–ธํŠธ ์˜ค๋ฅ˜๋ฅผ ์˜๋ฏธํ•˜๋Š” ์ˆซ์ž์ด๋ฉฐ, ๋’ค์˜ ์ˆซ์ž 2๊ฐœ๋Š” ๊ตฌ์ฒด์ ์ธ ์—๋Ÿฌ ์ฝ”๋“œ์ž…๋‹ˆ๋‹ค. ์ด ์—๋Ÿฌ๋Š” ์„œ๋ฒ„๋ฅผ ์ฐพ๊ธด ํ–ˆ์œผ๋‚˜ URL์— ํ•ด๋‹น๋˜๋Š” ํŽ˜์ด์ง€(ํŒŒ์ผ)๋ฅผ ์ฐพ์„ ์ˆ˜ ์—†์„ ๋•Œ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค. ์ฆ‰, ์•„๋ž˜์˜ ๊ทธ๋ฆผ 1์ฒ˜๋Ÿผ, ๊ฐœ๋ฐœํ•ด ๋†“์ง€ ์•Š์€ URL๋กœ ์ ‘๊ทผํ•  ๊ฒฝ์šฐ, ์ด์— ๋Œ€์‘ํ•˜๋Š” ํŽ˜์ด์ง€๋ฅผ ๋ฆฌํ„ดํ•˜์—ฌ ์‚ฌ์šฉ์ž์—๊ฒŒ ์˜ฌ๋ฐ”๋ฅธ ๊ฒฝ๋กœ๋กœ ์ ‘๊ทผํ•˜๋ผ๊ณ  ์•ˆ๋‚ดํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. 2. 404 ์—๋Ÿฌ ์‹œ ๋ฆฌํ„ด ํŽ˜์ด์ง€ ๋งŒ๋“ค๊ธฐ ๋ฆฌ์•กํŠธ์—์„œ 404 ์—๋Ÿฌ ๋ฐœ์ƒ ์‹œ ๋ฐ˜ํ™˜ํ•  ํŽ˜์ด์ง€๋ฅผ ๋งŒ๋“ค์–ด ๋ด…๋‹ˆ๋‹ค. 1) ํŒจํ‚ค์ง€ ์„ค์น˜ npm i react-router-dom..

SW ๊ฐœ๋ฐœ/React JS 2022. 7. 19. 15:22