> ## Documentation Index
> Fetch the complete documentation index at: https://devdocs.xbox.com/llms.txt
> Use this file to discover all available pages before exploring further.

# 터치 컨트롤 레이아웃 구축

> 터치 컨트롤 레이아웃 구축

터치 컨트롤 레이아웃을 구축하는 것은 다음을 포함하는 [터치 적응 번들](/build/core-features/common/game-streaming/game-streaming-touch-touch-adaptation-bundle)을 만드는 것으로 구성됩니다.

* 번들의 모든 메타데이터와 속성의 JSON 표현인 `takxconfig.json` 파일
* 각 레이아웃 파일이 게임의 특정 시나리오에서 플레이어에게 제공되는 컨트롤의 JSON 표현인 레이아웃 컬렉션
* 레이아웃이 사용하는 전역 상태와 속성의 JSON 표현인 컨텍스트 파일
* 해당 레이아웃이 참조하는 사용자 지정 자산

## 시작하기

[터치 적응 번들](/build/core-features/common/game-streaming/game-streaming-touch-touch-adaptation-bundle)을 만드는 가장 쉬운 방법은 [create 명령](/build/core-features/common/game-streaming/tak-command-line-tool/game-streaming-tak-command-line-create-command)을 사용하는 것입니다. 이 명령을 사용하여 터치 적응 키트로 시작하는 데 필요한 모든 파일과 폴더를 쉽게 만들 수 있습니다. 전체 번들을 만들 수 있는 것 외에도, create 명령을 사용하여 게임의 다양한 장르와 상황에 대한 템플릿 레이아웃을 기반으로 단일 레이아웃 파일을 만들 수 있습니다.

## 터치 번들 JSON 스키마

레이아웃이나 컨텍스트 파일과 같은 다양한 JSON 파일은 유효한 파일을 작성하는 방법에 대한 구조와 규칙을 제공하기 위해 JSON 스키마 파일을 사용합니다. 이러한 스키마 파일은 다양한 언어로 [XBOX Game Streaming Tools GitHub](https://github.com/microsoft/xbox-game-streaming-tools/tree/main/touch-adaptation-kit/schemas)에서 호스팅됩니다. 이러한 언어별 스키마는 [Visual Studio Code](https://code.visualstudio.com/download)와 같은 도구에서 해당 언어로 된 스키마 속성 및 문제에 대한 IntelliSense를 얻는 데 사용할 수 있습니다. 지역화된 버전의 스키마 파일을 사용하려면 파일의 `$schema` 속성을 지역화된 버전을 가리키도록 설정하기만 하면 됩니다. 예를 들어, 아래 예제 JSON 및 이미지는 컨텍스트 파일의 `state` 속성에 대한 일본어 도움말 텍스트를 보여 줍니다.

```JSON theme={null}
//Example context file
{
  "$schema": "https://raw.githubusercontent.com/microsoft/xbox-game-streaming-tools/main/touch-adaptation-kit/schemas/ja-JP/context/v4.0/context.json",

  "state": {
    "enableReload": false
  }
}
```

<img src="https://mintcdn.com/microsoft-4404708b/UZTRJSf0emX1fheE/images/gdk/features/common/game-streaming-tak-vscode-intellisense.png?fit=max&auto=format&n=UZTRJSf0emX1fheE&q=85&s=fd518d059cf0dba1260bddf95bc71960" alt="일본어로 된 Visual Studio Code IntelliSense 스크린샷" width="1276" height="480" data-path="images/gdk/features/common/game-streaming-tak-vscode-intellisense.png" />


## Related topics

- [XBOX 게임 스트리밍용 터치 컨트롤 레이아웃 구축](/ko/build/core-features/common/game-streaming/building-touch-layouts/index.md)
- [터치 컨트롤을 구축하기 위한 디자이너 가이드](/ko/build/core-features/common/game-streaming/building-touch-layouts/game-streaming-tak-designers-guide.md)
- [격투 터치 컨트롤 레이아웃](/ko/build/core-features/common/game-streaming/building-touch-layouts/samples/game-streaming-touch-tak-sample-fighter.md)
- [2D 플랫포머 터치 컨트롤 레이아웃](/ko/build/core-features/common/game-streaming/building-touch-layouts/samples/game-streaming-touch-tak-sample-platformer.md)
- [표준 XBOX 컨트롤러 터치 컨트롤 레이아웃](/ko/build/core-features/common/game-streaming/building-touch-layouts/samples/game-streaming-touch-tak-sample-full-layout.md)