.TSX 파일 확장자

2개의 파일 유형이 .tsx 확장자를 사용합니다.

1.React TypeScript 파일
2.Tiled 타일셋

React TypeScript 파일

개발사	Microsoft
인기도	4.0 \| 29 표

TSX 파일이란 무엇인가요?

TSX 파일은 JSX 구문을 사용하여 작성된 TypeScript(.TS) 파일입니다. 여기에는 단일 페이지 애플리케이션 또는 모바일 애플리케이션의 일부일 가능성이 높은 코드가 포함되어 있습니다. TSX 파일은 모든 텍스트 편집기에서 열 수 있지만, 소스 코드 편집기에서 열도록 만들어졌습니다.

추가 정보

JavaScript XML이라고도 하는 JSX는 JavaScript 프로그래밍 언어의 확장 기능입니다. 개발자는 Facebook이 개발하고 유지 관리하는 오픈 소스 JavaScript 라이브러리인 React를 사용하여 사용자 인터페이스 및 기타 애플리케이션 구성 요소를 개발할 때 JSX 구문을 사용합니다.

JavaScript의 변형인 TypeScript 프로그래밍 언어로 작업하는 개발자는 개발 프로젝트에서 JSX 구문을 사용할 수 있습니다. 이 경우 개발 중인 JSX가 포함된 코드를 TSX 파일로 저장한 다음, 최종적으로 해당 파일을 .JSX(React JavaScript) 또는 .JS(JavaScript) 파일로 변환합니다.

TSX 파일을 여는 방법

TSX 파일은 일반 텍스트 파일이므로 모든 텍스트 편집기에서 열 수 있습니다. 그러나 TSX 파일은 Microsoft Visual Studio(Windows) 또는 Github Atom(크로스 플랫폼)과 같은 소스 코드 편집기에서 열고 편집하도록 만들어졌습니다. 소스 코드 편집기는 유용한 편집 도구를 제공하며, TypeScript 패키지를 설치하면 TypeScript 및 JSX 구문을 올바르게 강조 표시합니다.

TSX 파일을 여는 프로그램

Windows

TypeScript

무료

Microsoft Visual Studio 2022

무료⁺

Github Atom — 개발 중단

무료

모든 텍스트 편집기

Mac

TypeScript

무료

Github Atom — 개발 중단

무료

모든 텍스트 편집기

Linux

TypeScript

무료

Github Atom — 개발 중단

무료

모든 텍스트 편집기

Tiled 타일셋

개발사	Thorbjørn Lindeijer
인기도	2.4 \| 5 표

TSX 파일은 2D 비디오 게임 레벨 편집기인 Tiled에서 사용하기 위해 만든 타일셋입니다. 이 파일에는 소스 이미지(일반적으로 .PNG 파일)를 불러오고 해당 이미지를 타일로 나누는 데 사용되는 XML 데이터가 포함되어 있습니다. TSX 파일을 불러온 후 Tiled 사용자는 TSX 파일이 설명하는 타일을 Tiled 레벨 맵(.TMX 파일)에 배치할 수 있습니다.

추가 정보

Tiled에서 열린 .tsx 파일의 스크린샷 — Tiled에서 열린 TSX 파일

Tiled를 사용하면 비디오 게임 개발자가 게임 개발 프로젝트에서 사용할 2D 레벨 맵을 만들고 내보낼 수 있습니다. 각 맵은 하나 이상의 TSX 파일에서 선택한 지형 타일을 배치해 구성됩니다.

TSX 파일을 만들려면 개발자는 Tiled 메뉴 모음에서 New → New Tileset...을 선택합니다. 그런 다음 타일셋을 구성할 이미지를 가져오고(일반적으로 여러 지형 요소로 구성된 직사각형 이미지) 각 타일의 영역을 지정합니다(기본값은 32 x 32픽셀). 그러면 Tiled가 개발자가 설정한 타일 크기를 가져온 이미지에 적용하여 타일셋을 만듭니다.

하지만 TSX 파일에는 Tiled 사용자가 타일셋을 만들기 위해 가져온 이미지의 사본이 포함되지 않습니다. 대신 가져온 이미지가 저장된 위치에 대한 참조가 포함됩니다. 따라서 TSX 파일이 참조하는 이미지를 이동하면 Tiled가 해당 타일셋을 불러올 수 없습니다.