생각기록

typeScript 많은 타입을 지니고있다. Core Types number type 1, 5.3, -10 정수든 실수든 number type입니다. String '안녕', "안녕", `안녕` ``백틱은 일부 데이터 동적 주입할 수 있는 템플릿 리터럴을 작성 가능 boolean true, false object {age: 30} Array [1,2,3] Tuple [1,2] js에는 없다. 배열이 맞지만 길이가 고정된 배열 Enum enum { NEW, OLD } js에 없다 / 열거 목록 제공 Any * 모든 종류의 값 저장 가능 = 매우 유연함 템플릿 리터럴이란? 참고 : https://velog.io/@rlaghwns1995/JavaScript-%ED%85%9C%ED%94%8C%EB%A6%BF-%E..

타입스크립트란? 자바스크립트의 superset 자바스크립트 기반이며 새로운 언어가 아닙니다. 장점을 더 부각시킨 것 단, typeScript 는 브라우저와 같은 js 환경에서 실행 x 브라우저는 typeScript 실행 x 또한 node.js 도 typeScript 실행 불가 js 보다 더 나은 버전인데 왜 실행할 수 없나? typeScript 는 프로그래밍 언어 + 도구입니다 즉, 코드를 실행하여 typeScript 코드를 js로 컴파일하는 강력한 컴파일러 코드와 typeScript 를 작성해 결과적으로 얻게 되는 것이 js 새로운 기능들을 js 해결책으로 컴파일하는 typeScript 컴파일러 typeScript 컴파일러는 우리에게 나은 구문과 작업을 보다 쉽게 수행하도록 하는 방법을 제공 복잡한 j..

함수 (Function) 기명 함수(named function) 익명 함수(anonymous function) 이를 통해 API에서 함수 목록을 작성하든 일회성 함수를 써서 다른 함수로 전달하든 애플리케이션에 가장 적합한 방법을 선택할 수 있습니다. // 기명 함수 fucntion add(x, y) { return x + y; } // 익명 함수 let myAdd = function(x, y) { return x + y }; 캡처(capture) : 함수는 함수 외부의 변수를 참조하는 경우의 변수 이것이 어떻게 작동하는지 (그리고 이 기술을 사용할 때의 장단점)를 이해하는 것은 이 본문의 주제를 벗어나는 것이지만, 이 메커니즘이 어떻게 작동하는지에 대한 확실한 이해는 JavaScript 및 TypeScr..

TypeScript의 핵심 원칙 중 하나는 타입 검사가 값의 형태에 초점을 맞추고 있다는 것입니다. 이를 "덕 타이핑(duck typing)" 혹은 "구조적 서브타이핑 (structural subtyping)"이라 한다. Interface 인터페이스는 이런 타입들의 이름을 짓는 역할 코드 안의 계약을 정의 프로젝트 외부에서 사용하는 코드의 계약을 정의하는 강력한 방법 첫 번째 인터페이스 (Our First Interface) function printLabel(labeledObj: { label: string }) { console.log(labeledObj.label); } let myObj = {size: 10, label: "Size 10 Object"}; printLabel(myObj); prin..

소개 (Introduction) 프로그램이 유용하려면 숫자, 문자열, 구조체, 불리언 값과 같은 간단한 데이터 단위가 필요합니다. TypeScript는 JavaScript와 거의 동일한 데이터 타입을 지원하며, 열거 타입을 사용하여 더 편리하게 사용할 수 있습니다. 불리언 (Boolean) 가장 기본적인 데이터 타입은 JavaScript, TypeScript에서 boolean 값이라고 일컫는 참/거짓(true/false) 값입니다. let isDone: boolean = false; 숫자 (Number) JavaScript처럼, TypeScript의 모든 숫자는 부동 소수 값입니다. 부동 소수에는 number라는 타입이 붙혀집니다. TypeScript는 16진수, 10진수 리터럴에 더불어, ECMAScr..

공식문서 참고 핸드북에 대해서 JavaScript는 웹 페이지에 사소한 상호작용을 추가하기 위한 작은 스크립팅 언어로 시작하여, 규모에 상관없이 프론트엔드와 백엔드 애플리케이션에서 선택 가능한 언어로 성장했습니다. JavaScript로 작성된 프로그램의 크기, 범위 및 복잡성은 기하급수적으로 커졌지만, 다른 코드 단위 간의 관계를 표현하는 JavaScript 언어의 능력은 그렇지 못했습니다. JavaScript의 다소 특이한 런타임 의미 체계(runtime semantics)와 더불어, 언어와 프로그램 복잡성 간의 불일치는 JavaScript 개발을 규모에 맞게 관리하기 어려운 작업으로 만들었습니다. 프로그래머들이 작성하는 가장 흔한 오류는 타입 오류입니다: 다른 종류의 값이 예상되는 곳에 특정한 값이 ..

공식문서 참고 TypeScript를 설치하는 방법에는 크게 두 가지가 있습니다 npm을 이용한 설치 (Node.js 패키지 매니저) TypeScript의 Visual Studio 플러그인 설치 npm install -g typescript 첫 번째 TypeScript 파일 만들기 (Building your first TypeScript file) function gretter(preson) { return "Hello, " + preson; } let user = "jane User"; document.body.textContent = gretter(user); 에디터에서, greeter.ts 파일에 다음의 JavaScript 코드를 입력 확장자는 ts인데, 이 코드는 아직 일반 JavaScript 코드..