DH의 개발 공부로그 DH의 개발 공부로그

배포 후 새로고침 리액트 작업을 버셀로 배포 후 정상적으로 작동이 되는데, 라우트 이동 후 중간에 새로고침을 하면 404에러가 나는 것을 발견하였습니다. 이를 해결하기 위해 구글에 서치를 해보았고 해결 방법을 찾았습니다. vercel.json 우선 vercel.json 파일을 만들고 아래의 코드를 입력해주면 아주 간단하게 문제를 해결합니다. 버셀에서 새로고침이 되면 알아서 해당 위치의 라우트로 이동을 시켜줍니다. { "rewrites": [ {"source": "/(.*)", "destination": "/"} ] } 결론 문제를 해결하는 것에 급급하여 코드의 정확한 의미 파악을 하지 못하고 사용을 한 것 같아서 공부가 더 필요하다고 느꼈습니다. 역시 개발 분야는 다양한 문제를 만나봐야...더욱 성장을 ..

Vercel이란? Vercel은 Next.js 개발 팀에서 만든 프론트엔드 배포 자동화할 수 있게 빌드,배포,호스팅 서비스를 제공하는 호스팅 사이트입니다. 비슷한 서비스로는 Netlify라는 서비스가 있습니다. Vercel로 배포하기 Vercel로 배포하는 방법은 매우 간단하고 쉽습니다. 우선 Vercel홈페이지에 접속 후 회원가입을 해야 합니다. 그리고 방법은 다음과 같습니다. 1. Vercel 회원가입, 로그인 우선 Vercel 홈페이지에 접속 후 회원가입을 해야 합니다. 회원가입을 하고 로그인하면 다음과 같은 화면이 뜬 상태입니다. 처음 가입을 한 사람은 Add Github Account로 git과 연동을 해주면 됩니다! 2. 원하는 Repository import 3. Configure Proje..