수코딩의 조언
npm run dev 명령어가 작동하지 않을 경우, package.json 파일의 scripts 항목을 확인합니다. 실무에서는 dev 외에도 start, serve, start:dev와 같이 다양한 이름을 사용할 수 있습니다. 따라서 scripts에 어떤 키로 명령어가 정의되어 있는지 반드시 확인하고, 그에 맞는 명령어를 실행해야 합니다.
● index.html
터미널에서 npm run dev 명령어를 입력해 개발 서버를 실행하면 Vite 개발 서버는 내부적으로 index.html 파일을 자동으로 로드합니다. 이 파일 안에는 리액트 애플리케이션을 실행하는 데 필요한 최소한의 HTML 구조가 들어 있습니다.
index.html
<!doctype html>
<html lang="en"> ----- ➊
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vite + React + TS</title>
</head>