Typescript - 1. TypeScript 실습환경 - TS Playground

2023. 8. 31. 13:01TypeScript/생활코딩

TS Playground

TS 온라인 플레이그라운드는 웹 브라우저에서 TS 코드를 작성하고 실행할 수 있는 도구다.

사용방법은 다음과 같다.

1. 접속

https://www.typescriptlang.org/play

 

TS Playground - An online editor for exploring TypeScript and JavaScript

The Playground lets you write TypeScript or JavaScript online in a safe and sharable way.

www.typescriptlang.org

2. 코딩

코드를 작성하면 자동으로 TS를 JS 코드로 변환하고 오른쪽 창에 변환된 코드를 보여준다.

3. 실행

"Run" 버튼을 클릭하여 TS 코드를 실행할 수 있다. "Console" 탭에서 출력 결과를 확인할 수 있다.

4. 옵션

"Options"를 클릭해 컴파일러 설정을 변경할 수 있다.

5. JavaScript

TS가 JS로 변환된 결과를 볼 수 있다.

6. 결과

console.log의 실행 결과가 출력된다.

7.에러

에러를 확인할 수 있다.

 


참고자료

생활코딩 - Typescript

https://opentutorials.org/course/5080

 

TypeScript - 생활코딩

수업소개 타입스크립트 입문자를 위한 수업입니다.  수업대상 자바스크립트 개발자 버그 위험을 낮추고 싶은 개발자 중요한 기능만 빠르게 배우고 싶은 분 선행학습 이 수업을 듣기 위해서는

opentutorials.org