Open live server VS npm run dev

1. Live Server로 열었을 때 하얀 배경만 뜨는 이유

• index.html은 브라우저가 바로 읽을 수 있는 파일들(HTML, CSS, JS)를 연결해서 보여준다. 
• 브라우저는 .tsx를 모른다. index.html에 적힌 코드를 보면 다음과 같다.

<script type="module" src="/src/main.tsx"></script>

• Live Server는 파일을 있는 그대로 전달할 뿐이다. 하지만 React코드는 실행되기 전 JS로 변환되고 조립되는 과정이 필요한데, Live Server는 이 일을 할 줄 모른다.

2. npm run dev는 무엇이 다를까?

• npm run dev를 실행하면 Vite라는 서버가 가동된다
• App.tsx를 저장하는 순간, Vite가 브라우저가 이해할 수 있는 JS 코드로 변환한다. 그렇게 변환된 코드를 index.html에 끼워 넣어
  결과물을 브라우저에 넘긴다.