게임모드공유웹 <ModHub> 제작기 - 프론트엔드 수정

Vite를 사용함에도 브라우저에서 HMR이 정상작동하지 않는 버그가 발생했다. 별다른 코드를 추가한 것도 아니고, 부딪힐만한 다른 요소가 전혀 없는데 오류가 생겨. Vite를 쓰지 않고 React+JavaScript로 프론트 구성을 변경했다.

React 폴더 생성하기

1. VScode를 켜고 디렉토리에 생성해둔 React 폴더를 open folder로 연다.
2. cmd 창을 열고

npx create-react-app 폴더명

3. 이제 다운로드를 실행한다.

4. 다운로드 후 경로 설정

cd 폴더명

5. 명령어로 실행해보자

npm start

6. Happy Hacking!

놀랍게도 다음날 아직 코드를 수정하지 않았던 팀원이 Vite가 정상작동한다고 불러모았다. 나도 다시 Vite를 깔아보니 정상적으로 작동한다.

왜일까? 전까지는 팀 전체가 동시에 오류가 나서 우리가 모르는 사이에 뭔가 큰 업데이트가 생겼나 했었는데..

아무튼 Vite가 정상작동하므로 다시 Vite 사용으로 전환..