[PoC] MPA 전환 - Githubissues

GitHub Pages가 SPA Routing을 지원하지 않는 문제를 해결하기 위해서 SPA에서 MPA로 전환을 하면 어떤 모습이 되는지를 보여드리기 위한 PoC 입니다. Route Router를 안 쓰기 때문에 많은 테스트가 깨질 것으로 에상됩니다.

팀원들이 MPA로 전환하는데 동의하면 테스트까지 모두 수정해서 새로운 PR을 올리도록 하겠습니다.

테스트 방법

우선 개발 서버에서 테스트를 진행하세요.

> bun run dev
$ vite
Re-optimizing dependencies because lockfile has changed

  VITE v5.4.9  ready in 115 ms

  ➜  Local:   http://localhost:5173/
  ➜  Network: use --host to expose
  ➜  press h + enter to show help
🐼 info [hrtime] Extracted in (6.47ms)

아래 3개의 링크가 예전과 동일하게 동작해야합니다.

그 다음 프로젝트를 빌드합니다.

> bun run build
$ tsc -b && vite build
vite v5.4.9 building for production...
transforming (25) styled-system/css/sva.mjs🐼 info [hrtime] Extracted in (7.09ms)
✓ 44 modules transformed.
dist/index.html                        0.53 kB │ gzip:  0.32 kB
dist/progress.html                     0.53 kB │ gzip:  0.32 kB
dist/certificate.html                  0.54 kB │ gzip:  0.32 kB
dist/assets/index-B8Kgu9rm.css         3.90 kB │ gzip:  1.62 kB
dist/assets/main-5YQ1iGdV.js           0.98 kB │ gzip:  0.54 kB
dist/assets/progress-BMbKcGvD.js       1.07 kB │ gzip:  0.52 kB
dist/assets/certificate-DM0qHD5b.js   13.41 kB │ gzip:  5.54 kB
dist/assets/index-Ds4LTrdZ.js        142.38 kB │ gzip: 45.68 kB
✓ built in 480ms

상용 모드로 서버를 올려서 테스트를 진행하세요.

> bun run preview
$ vite preview
  ➜  Local:   http://localhost:4173/
  ➜  Network: use --host to expose
  ➜  press h + enter to show help

아래 3개의 링크가 예전과 동일하게 동작해야합니다.

체크리스트

[x] 이슈가 연결되어 있나요? fix #35

DaleStudy / leaderboard

[PoC] MPA 전환 #43

테스트 방법

체크리스트