.ts 와 .tsx 의 차이점은 JSX 문법을 사용하느냐 안하느냐 차이다. .ts 파일일반 TypeScript 파일export type User = { id: number; name: string;} 또는// TypeScriptexport function sum(a: number, b: number) { return a + b;} 이런 식으로 타입, 함수, API 호출, 유틸 등을 작성한다. 예시types/user.tsservices/userService.tsutils/date.ts .tsx 파일TypeScript + JSXReact 화면을 그릴 때 사용한다.// TypeScriptexport default function Home() { return ( Hello Ne..

핵심 차이 요약구분JavaScriptTypeScript타입동적 타입(실행 시 결정)정적 타입(컴파일 시 결정)타입 표기없음: 타입명 사용(: string, : number 등)파일 확장자.js.ts(React → .tsx)컴파일브라우저에서 직접 실행TypeScript → JavaScript 로 변환 필요(tsc)장점빠르게 작성 가능, 유연함타입 안정성, 에러 조기 발견, 유지보수 용이 변수 선언 비교변수의 타입 지정// JavaScriptlet name = "한화"let age = 25 : string, : number → 타입을 명시(컴파일 시에만 사용, JS에서는 사라짐)타입을 생략하면 타입 추론으로 자동 판별let name = "한화" // TypeScript 가 자동으로 string 타입으로 ..