토투바기

TypeScript의 변수와 함수 코딩경험이 전무 하지 않기 때문에, TypeScript의 데이터 타입의 종류, 객체의 속성, 함수에 대해서 그리 어색하지는 않았다. 동생 격인 JS와 다른점은 타입명을 명시해주는것? 다른점은 그것뿐인거 같다. JS의 superset이니까 그렇긴 하겠다. 별 다른 내용은 없고 혹시나 나중에 헷갈릴까봐 적어둔다. 목차는 아래와 같다. 기본 타입 함수타입 기본타입 문자열, 넘버, 진위값(부울)...등등 (다른 언어와 같다) 배열,튜플 (이것도 배웠던 개념) ES6 문법을 사용하여 var 대신 let을 사용하였다. ( let은 var와 같이 변경가능, const는 재할당, 재선언 불가) 기본적인 구조는 아래와 같다. 변수선언(let,const) -> 변수명: -> 데이터타입(중..

TypeScript의 존재 목적 흔히 TypeScript는 JavaScript의 superset이라고 한다. 말하자면, JavaScript를 확장시켜 만든 언어라는 것이다. 그렇다면 어떤 목적으로 JS를 확장시켜 다시 언어를 만들었을까? 이는 바로 동적언어인 JS가 가지는 문제점을 보완하기 위해 만들어진 것이다. 그렇다면 동적언어로써 JS는 어떤 문제를 가지고 있으며, 타입스크립트가 어떻게 이를 해결해줄까? 이는 아래와 같다. Type Error 방지 (안정성 향상) API, 함수 자동완성 (개발 편리성 향상) Type Error 방지 (안정성 향상) 아래의 예시를 보자. int num = 0 // 성공 boolean flag = 2 // 실패 float temp = 3 // 실패 정적 언어인 C++ 의..

console.log("개발환경 세팅!") 개발환경 macOS Chrome Visual Studio Code Node.js LTS 버전 (v10.x 이상) Git TypeScript를 사용할 때, 가장 범용적으로 쓰는 것들 위주로 세팅했다. 특히 VS Code는 여러 사람들, 회사에서 TypeScript와 가장 잘 맞는다는 말이 많았다. VS Code 플러그인 색 테마 : Default 아이콘 테마 : Material Icon Theme 문법 검사 : ESLint, TSLint 실습 환경 보조 : Live Server 기타: Prettier, Project Manager, Auto Close Tag, GitLens, Atom Keymap, Jetbrains IDE Keymap 문법검사나 실습환경보조 플러..