TSX가 뭐야 — JSX에 안전벨트(타입)를 더한 파일
TSX는 JSX(화면 문법)에 타입스크립트의 타입 규칙까지 더한 파일이고, 확장자는 .tsx입니다.2026년 7월 기준으로, AI에게 React 코드를 짜달라고 하면 .jsx 대신 .tsx 파일을 주는 경우가 부쩍 늘었습니다.이 글을 읽으면 .tsx가 뭔지, .jsx·.ts와 뭐가 다른지, 언제 어떤 걸 쓰면 되는지 한 번에 정리됩니다.한 줄 요약: .tsx는 .jsx에 "안전벨트"인 타입을 더한 파일입니다. 화면을 만드는 방식은 같지만, 실수를 실행 전에 미리 잡아주는 규칙이 붙어 있습니다.TSX가 뭐야? — JSX에 타입을 더한 것먼저 두 조각을 나눠서 보면 쉽습니다.JSX는 자바스크립트 안에서 같은 HTML 비슷한 문법을 쓰게 해주는 문법입니다.쉽게 말해 코드와 화면을 한 파일에 같이 쓰는 방식이..
서버·개발/코드 노트
2026. 7. 21. 11:11
