TypeScript 플레이그라운드

이 TypeScript Playground 를 사용하면 전체 프로젝트를 열지 않고도 스니펫을 빠르게 테스트할 수 있습니다. 브라우저에서 TypeScript 컴파일러를 실행하고, 줄 번호와 함께 타입 검사 진단을 표시하며, JavaScript 를 출력하고, 간단한 출력을 샌드박스화된 콘솔에서 실행할 수 있습니다.

이 TypeScript Playground 의 기능

이 도구는 일상적인 TypeScript 검사를 위해 설계되었습니다. union 좁히기 검증, 제네릭 헬퍼 타입 테스트, 컴파일러 타겟 비교, strict 모드 동작 확인, TypeScript 가 출력하는 JavaScript 검토에 사용됩니다. 학습, 작은 예제 디버깅, 답변 준비, 프로젝트로 옮기기 전 작은 리팩터링 확인에 유용합니다.

TypeScript 컴파일러 사용 방법

1. 에디터에 TypeScript 를 붙여넣거나 빠른 예제를 선택하세요.
2. JavaScript 타겟과 모듈 형식을 선택하세요.
3. 더 엄격한 진단을 원할 때는 strict 모드와 선택적 인덱스 액세스 검사를 활성화하세요.
4. 컴파일 및 타입 검사를 클릭하거나, 실시간 피드백을 위해 자동 컴파일을 활성화 상태로 두세요.
5. 진단을 검토하고, 출력된 JavaScript 를 확인한 후, 샌드박스화된 콘솔에서 간단한 스니펫을 실행하세요.

타입 검사 참고 사항

브라우저 컴파일러는 배열, 문자열, 레코드, JSON, console, 타이머와 같은 일반적인 JavaScript 객체에 대해 간결한 내장 선언 파일을 사용합니다. 덕분에 playground 는 스니펫에 대해 빠르고 자체 완결적으로 유지됩니다. 코드가 React, Node.js, DOM API 또는 패키지 특정 선언에 의존하는 경우, 실제 tsconfig.json 및 설치된 타입 패키지를 사용하여 프로젝트 내에서 최종 결과를 확인하세요.

예제와 사용 사례

큰 코드베이스에서 타입 오류를 분리하거나, strict 모드가 진단을 어떻게 변경하는지 비교하거나, 동료에게 TypeScript 개념을 설명하거나, 작은 스니펫이 JavaScript 로 어떻게 컴파일되는지 확인하려는 경우 이 playground 를 사용하세요. 내장된 예제는 구별된 유니온, 제네릭 레코드 헬퍼, satisfies 연산자 및 의도적인 타입 실수를 다루므로 깔끔한 컴파일러 상태와 실패한 컴파일러 상태를 모두 확인할 수 있습니다.

• API 응답 모델에 추가하기 전에 union 타입을 검증하세요.
• 전체 애플리케이션 빌드를 기다리지 않고 제네릭 헬퍼를 테스트하세요.
• 타겟 또는 모듈 옵션을 변경할 때 출력된 JavaScript 를 검사하세요.
• TypeScript 진단의 간결한 재현을 공유하세요.

자주 묻는 질문

이 도구가 TypeScript 타입을 검사합니까?

예. 브라우저 내 TypeScript 프로그램을 빌드하고 타입 오류, 구문 오류 및 컴파일러 옵션 메시지를 포함한 컴파일러의 진단을 보고합니다.

TypeScript 컴파일러 옵션을 변경할 수 있습니까?

예. 주요 컨트롤은 JavaScript 타겟, 모듈 출력, strict 모드, 선언 파일 출력 및 noUncheckedIndexedAccess 를 다룹니다.

라이브러리 타입이 누락된 이유는 무엇입니까?

이 playground 는 의도적으로 간결한 내장 타입 라이브러리를 사용합니다. 프레임워크, DOM, Node.js 또는 npm 패키지 타입의 경우 로컬 프로젝트 설정을 사용하세요.

JavaScript 실행기는 안전합니까?

실행기는 빠른 스니펫을 위해 샌드박스화된 iframe 을 사용합니다. 신뢰할 수 없는 코드 실행은 피하고, 실제 앱 코드는 일반적인 개발 환경 내에서 테스트하세요.