2022/10/20 - TIL

프로젝트에서 생각하게 된 아이디어

• express를 없이 라우팅 하기

미니 프로젝트를 만드는 동안에 express의 기능 없이 root/login과 같은 주소로 이동하면 login페이지가 그려지는 것을 만들고 싶었었다. 하지만, root/login으로 들어가면 404 에러를 만날 뿐이었다.

404 에러를 제거하는 방법?

1회차

404에러를 제거하기위해 첫번째로 404.html을 만들어 봤지만 아무런 반응도 없었다.

2회차

올리는 플렛폼마다 xml이나 다양한 방법을 통하여 404에러가 나왔을 때의 상황을 제어하는 것을 알 수 있었다.

내가 이용하는 플랫폼 : 깃페이지

무료고 바로바로 반영이되는 깃 페이지를 이용하여 올리기 떄문에 깃페이지에 대한 이해가 필요했다. 깃페이지는 404.md를 이용하여 GET할 값이 없는 경우에는 404.md를 이용하여 주소를 정할 수 있었다

permalink: /index.html

새로 생긴 문제 : pathname

위의 방법을 통하여 사이트를 배포하였을 때, 기존의 라우터를 사용하였을때 링크가 달랐기 때문에 파일의 경로에 문제가 있었다.

pathname에 대한 해결방법 두가지

1. domain을 넣는다

domain을 넣으면 pathname이 없어지기 때문에 도메인을 (무료 도메인을 찾았다) 넣어서 루트경로를 조절할 수 있었따.

1. index.html의 소스 위치 변경

위의 경로말고도 style과 index.js의 경로가 문제가 있었기 때문에 ./style.css와 같은 경로가 아닌 /style로 경로를 변경하였다. 둘의 차이는 ./style.css는 현재 window.location의 경로에서부터의 주소고 /style의 경로는 root를 기준으로 경로를 계산한다