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 코드를 실행할 수 ..

Typescript란? Typescript = Javascript + Type Check TS는 JS에 타입 체크가 추가된 것으로 JS를 코딩하게 되면 100% 동작한다. 하지만 JS에서 TS를 코딩하게 되면 동작하지 않는다. 범주가 다르기 때문이다. 데이터 타입 체크 JS는 무엇이든 담을 수 있어 편리하지만, 그 안의 내용을 정확히 알 수 없어 매번 확인해야만 한다. 이처럼 JS는 Dynamic Type이기 때문에 변수의 데이터 타입을 명확하게 알기 어렵고 따라서 데이터 타입의 안정성이 낮다. TS는 안에 어떤 것이 담기는지 명확하게 알 수 있으며, 다른 것들을 담지 못하도록 보장한다. 이처럼 TS는 변수의 데이터 타입을 명확하게 지정해주어 안정성을 높여준다. TS를 왜 사용해야 하는가? JavaScr..

1. 변수 선언 방식 var name = 'byein' console.log(name) // byein var name = 'var' console.log(name) // var 변수를 한 번 더 선언했지만 에러가 아니라 정상적으로 코드가 실행된다. var 는 변수 선언이 유연하여 편리할 수 있지만 코드량이 많아지면 변수가 어디에서 어떻게 사용될 지 파악하기 어려우며 값이 쉽게 바뀔 위험이 존재한다. 이를 보완하기 위해 ES6 이후로 let 과 const 가 추가되었다. let name = 'byein' console.log(name) // byein let name = 'var' console.log(name) // Uncaught SyntaxError: Identifier 'name' has alre..