리액트 tsc -w 에러

[듀링]

안녕하세요. 
작업폴더만들고 VSCode에서 npx create-react-app study --template typescript 입력까지 한 상태입니다.
index.js만들고 터미널에서 $ tsc -w 하니까
bash: tsc: command not found 나오는데 뭘까요..?
자동으로 생성된 tsconfig.json에도 기존꺼 다 지우고 강의에 있는걸로만 넣었습니다.

+ 노란 줄은 어떻게 없애나요??

[codingapple]

리액트프로젝트는 tsc -w 해놓을 필요 없이 그냥 코드짜면 됩니다 
노란줄은 마우스올려보면 됩니다

[듀링]

리액트프로젝트는 그럼 그냥 ts파일에 바로 입력하면 된다는거죠..!?

+ 노란줄에 https://typescript-eslint.io/rules/no-unused-vars/ 링크가 떠서 들어가서 How to use에 있는 코드를
ts파일에 붙여넣었는데 빨간 줄이 뜨네요ㅠ ts파일이 아닌 다른 곳에 입력해야 하는걸까요..? 코드를 어느 파일에 입력하라는건지 모르겠네요ㅠ

[듀링]

리액트프로젝트는 ts파일에 바로 입력하면 된다는건가요..!? 근데 콘솔창 쓰려면 index.html의 경우, js 파일만 인식하는거 아닌가요!? ts파일이 인식이 안되서요ㅠ
아니면 vscode 에디터 기능을 찾으라고 하셨는데 code runner 맞을까요? 얘도 아무리 검색해도 안나와서ㅠㅠ
js파일로 바꾸면 되는 것 같은데 ts파일로 하니까 안되서 맞는건지 모르겠습니다ㅜ

[codingapple]

npm start 하면 알아서 내부에서 js 파일로 바꿔줍니다 
노란색은 무시해도 됩니다 안쓰는 변수 지우라는소리같네요

[듀링]

감사합니다! 마지막으로 npm start를 하면 App.tsx가 실행되다 보니
index.ts를 바로 실행할 수 있는 방법을 모르겠습니다. ㅠㅠㅠ 검색해도 확답을 계속 못찾아서 추가 질문드려요!!

[codingapple]

브라우저 새로고침시 index.ts 파일도 기본으로 실행될걸요
리액트는 App.tsx파일에 코드짜지 index.ts 파일에 코드짜진 않습니다

[글쓴이]

글