오늘은 추석 트래픽 을 풀었다. 오늘도 문제를 프로그래머스 웹에서 풀었다. 아니 사실 마지막에 왜 틀렸는지 몰라서 vscode에 옮겨 적은 다음에 찾았다. 옮겨서 찾아보니 바로 보이더라 ㅋㅋㅋ. 프로그래머스 웹에서 문제 푸는 거 너무 구리다. 진심 내일 시험 치기 위해서 어쩔 수 없이 웹에서 하고 있다. 내일 시험이 꼭 프로그래머스에서 풀고 IDE를 쓰면 안 된다고 하니…
mergeSort, insertion sort, graph를 다시 봤다.
라우터를 다시 적용해봤다.
Feelings
프로그래머스 ㅠㅠ
Findings
라우터를 다시 적용해봤다. 브라우저에서 새로고침를 하면 url에 대한 요청을 다시 한다. 그래서 cannot get이 뜬다. 이것을 방지하기 위해서 hash, catch-all, no server, webpack를 쓰면 된다. hash는 hash router를 쓰는건데 이것은 모든 request를 다시 루트 주소로 다시 돌아서 원하는 url에 도달하는 것이다. catch -all 은 방식이 hash랑 비슷하긴 한데 이것은 서버에 요청해서 원하는 route가 없으면 frontend의 index.html을 돌려줘서 react router가 그에 따른 처리를 한다. 문제는 새로 고침을 하면 서버 url에 요청하는 게 아니라 browser url에 요청을 해서 프록시로 하면 된다. no server은 말 그대로 서버 없이 하는 거다. 마지막으로는 webpack를 쓰면 된다. 쓸 때는 historyApiFallback: true를 쓰면 된다.