codestates / codestates/aneun-dongne

[Error Handling Log] 리액트 SPA 새로고침 시 빈화면 / 윤해용

Open
#135 1 comment 0 reactions 1 assignee Claimed by @haeyong9701 View on GitHub
Error Handling Log
Dominant language
JavaScript
Stars
6
Forks
7
PR merge metrics
No merged PRs in 30d

Description

> ### 어떤 에러인가요?
> 리액트 SPA 구현 중 다른 라우트 페이지로 간 다음에 새로고침을 누르면 흰화면만 나오는 에러.
> ### 에러 메시지
> ```jsx
>
> ```
>
> ### 에러 핸들링 방법
> * path를 exact path로 적었는데, 다른 라우트로 가면 흰화면이 나왔다. ```exact``` 가 붙어있으면 주어진 경로와 정확히 맞아 떨어지는 컴포넌트만 보여준다. 그래서 ```/mypage/like```, ```/mypage/visited``` 같이 뒤에 붙는 주소들은 ```/mypage```와 다른 주소라서 페이지가 빈화면으로 나오는 것이었다. ```exact path``` 대신 ```path```를 적어서 뒤에 오는 주소들도 라우팅되게 해주는 식으로 오류를 해결했다.
> ```jsx
>
> ```
>
> ### 에러 핸들링을 위해 참고한 레퍼런스 링크
> [https://react-router.vlpt.us/1/04.html](https://react-router.vlpt.us/1/04.html)

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.