<Switch>
<Route exact path="/">
<Jumbotron className="background">
<h1>Hello, world!</h1>
<p>
This is a simple hero unit, a simple jumbotron-style component for calling
extra attention to featured content or information.
</p>
<p>
<Button variant="primary">Learn more</Button>
</p>
</Jumbotron>
<Container>
<Row>
{
shoes.map((a, i)=>{
return <Card shoes={shoes[i]} i={i} key={i} />
})
}
</Row>
</Container>
</Route>
<Route path="/detail">
<Detail />
</Route>
<Route path="/:id">
<div>새로 만든 route입니다.</div>
</Route>
</Switch>
이렇게 작성한 코드에서
<Switch>
<Route path="/detail"></Route>
<Route path="/:id"></Route>
<Route path="/"></Route>
</Switch>
이런식으로 exact 없이 순서를 바꿔서 메인 페이지 경로를 최하단에 두었는데
이 방법이 맞는 방법일까요?