#  TDS 모달 적용 관련 문의 (HTML 프로젝트)

**URL:** <https://techchat-apps-in-toss.toss.im/t/tds-html/1284>\
**Category:** 개발\
**Tags:** tds\
**Created:** [11월 13, 2025, 6:58오전 UTC](https://techchat-apps-in-toss.toss.im/t/tds-html/1284 "2025-11-13T06:58:46Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![whdud](https://avatars.discourse-cdn.com/v4/letter/w/4bbf92/32.png) [@whdud](https://techchat-apps-in-toss.toss.im/u/whdud)\
**Post date:** [11월 13, 2025, 6:58오전 UTC](https://techchat-apps-in-toss.toss.im/t/tds-html/1284/1 "2025-11-13T06:58:46Z")

</div>

안녕하세요, 토스 게임 공모전에 참가 중인 개발자입니다.

검토 의견 중 "시스템 알럿 대신 토스 내 일관된 경험을 위해 TDS 모달 사용 부탁드립니다"라는 피드백을 받았습니다.

현재 프로젝트는 단일 HTML 파일 기반의 vanilla JavaScript 게임입니다.  
TDS Mobile 문서를 확인해보니 React 18+ 환경에서만 사용 가능한 것으로 보입니다.

질문:

1. vanilla JavaScript/HTML 프로젝트에서 TDS 모달을 사용할 수 있는 방법이 있나요? (CDN, 번들 파일 등)
2. 만약 React 전용이라면, TDS 디자인 가이드라인을 참고하여 커스텀 모달을 구현해도 되나요?
3. HTML 기반 게임 프로젝트에서 권장하는 모달 구현 방식이 있다면 알려주시면 감사하겠습니다.