TypeScript 플레이그라운드

자주 묻는 질문

• TypeScript 플레이그라운드란 무엇인가요?

  TypeScript 샌드박스, 또는 TS 플레이그라운드라고도 해요. 프로젝트나 컴파일러를 설정하지 않고 TypeScript를 쓰고 바로 실행하는 곳이에요. 이 플레이그라운드는 브라우저의 실시간 페이지에서 코드를 실행하고, 작성하는 동안 타입을 검사해요.

• 이 TypeScript 온라인 에디터는 무료인가요?

  네. 코드를 쓰고 실행하는 건 무료이고 계정도 필요 없어요. 저장과 공유에는 무료 계정이 필요하고, 무료 계정에서는 저장한 프로젝트를 공개든 비공개든 최대 3개까지 둘 수 있어요. AI 채팅은 크레딧을 써요.

• 어떤 TypeScript 버전을 쓰나요?

  에디터는 TypeScript 5.9로 코드를 검사해요. 실행할 때는 esbuild가 타입 검사 없이 JavaScript로 컴파일하므로, 타입 오류 때문에 실행이 멈추는 일은 없어요.

• tsc처럼 타입을 검사하나요?

  네. 작성하는 동안 TypeScript 자체의 타입 검사기를 실행해 오류에 밑줄을 그어요. strict 모드는 켜져 있고, strictNullChecks는 꺼져 있어요.

• 컴파일된 JavaScript를 볼 수 있나요?

  아직은 안 돼요. TypeScript가 출력하는 JavaScript를 보려면 공식 TypeScript 플레이그라운드를 쓰세요.

• npm 패키지를 쓸 수 있나요?

  네. 패키지를 import하면 에디터가 타입 정의와 함께 npm에서 설치하겠냐고 물어봐요.

• .tsx 파일을 온라인에서 어떻게 여나요?

  React TypeScript 스타터를 열고 컴포넌트를 파일에 붙여 넣은 뒤 index.tsx에서 렌더링하세요. 미리보기에 나타나니, 이 플레이그라운드를 온라인 TSX 뷰어로도 쓸 수 있어요.

• 휴대폰에서 .tsx 파일을 열 수 있나요?

  네, 휴대폰 브라우저에서 같은 방법으로 열 수 있어요. 긴 코드는 큰 화면에서 다루기 더 편해요.

• React와 JSX를 지원하나요?

  네. .tsx와 .jsx 파일은 미리보기에서 컴파일돼요. React TypeScript 스타터로 시작하세요.

• 이 플레이그라운드는 Playcode의 일부인가요?

  네. 이 플레이그라운드는 Playcode의 무료 코드 도구인 Playcode Classic의 일부예요. Playcode는 2016년에 브라우저 코딩 환경으로 시작했어요. 지금은 홈페이지와 앱을 만들고 운영하는 AI 플랫폼이에요.