흑백과 디지털

나는 admin 페이지를 vuetify3 + vite 를 이용해서 만드는 편이다. (vuetify4 가 나왔으니 이제는 버전업이 필요하다. )
간혹 nginx 를 이용한 서버에서는 Layout이 깨지는 문제가 발생하는데 개발 PC에서는 문제가 재현되지 않는 버그가 있다.
보통 이 경우, yarn 을 통해 build 한 파일을 이용해서 배포하다보니 뭔가 독특한 버그가 생긴 경우이다.

이 문제를 내 개발 PC에서 재현하는 방법이 있다. 나는 보통 내 개발PC에서는 yarn dev 명령어로 front-end 용 서버를 띄운다. 
이 것대신 yarn build 한 후 yarn preview 를 사용하면 build 를 통해 생성된 파일로 테스트 할 수 있다. ( 결과적으로 yarn build로 생성된 dist 폴더의 결과물을 로컬에서 프로덕션 모드로 테스트 해 볼 수 있다. )