[코드숨] 리액트 13기 - 6주차 주간 회고

CodeSoom 2022.11.14 - 2022.11.20

Routing

과제 : 레스토랑 상세 페이지 구현하기 

 

이번주는 Routing을 배웠는데 BrowserRouter를 사용할 경우,

페이지를 새로 고침없이 주소만 변경하여 컴포넌트들을 렌더링 할 수 있음을 알게되었다.

window.location.pathname 을 통해 라우팅했을 때보다 더 간편하게 사용할 수 있었다.

강의를 보면서 처음 작성할 때 <Switch></Switch>로 했는데 오류가 나서 찾아보니

현재는 <Routes></Routes>로 사용되며 작성법이 달라졌음을 알 수 있었다.

그리고 이번주 과제를 수행하면서 react-router-dom을 사용하였는데 클릭시에는 URL이 바뀌며 랜더링되었지만

주소창에 직접 URL을 작성할 때는 404 (Not Found) 에러가 발생하였다. 

알고보니 index.html에서 경로설정을 잘못해서 생긴 에러였다.

기존 main.js 는 URL뒤에 추가로 붙게 되는 상대경로이기 때문에, /main.js 로 변경하여 root(public) 에서 접근하도록 절대경로를 잡아주어 에러를 해결했다.

과제를 수행하면서 사소한 코드에서도 에러가 나더라도 그 안에서 내가 놓친 부분과 배울 지식이 있음을 알 수 있었다.

또한 코딩은 시간이 조금 지나더라도 코드 작성법이나 기술은 계속해서 바뀌기에 끊임없이 배우는 자세를 지니도록 해야겠다.

이번 주는 개인사정으로 과제를 잘 참여하지 못했다..🏋️‍♂️ 반성하며..과제를 혼자서 다시 해보고 모르는 부분을 보충해나가야겠다.💪