본문 바로가기

typeScript9

declare 02/11 declare 란TypeScript 에서 delclare 키워드는, 컴파일러에게 이 변수 / 함수 / 클래스 / 모듈 이 어딘가 다른 곳(일반적으로 JavaScript 파일 혹은 런타임 환경) 에 이미 정의되어 있으니, JavaScript 코드로 컴파일할 필요는 없다 라고 알려주는 역할만을 수행한다.다시 말해, 실제 구현 코드를 생성하지 않고, 타입 정보만을 제공하는 엠비언트 선언(Ambient Declaration) 에 사용하는 것.엠비언트 선언은 TypeScript 의 주요 목표인, 방대한 JavaScript 생태계와 상호 운용되기 위해 타입만 선언하며, 타입 시스템의 일관성을 유지하면서도 기존 JavaScript 리소스를 활용할 수 있게 하는 개념이다. 주요 용도기존 JavaScript .. 2025. 12. 2.
TypeScript import 오류들 01/13 .TS 모듈 불러오기 활성화 오류An import path can only end with a '.ts' extension when 'allowImportingTsExtensions' is enabled. 에러 발생파일을 불러올 때 .ts 확장자를 사용했는데, TypeScript 에서는 기본적으로 이 기능이 비활성화 되어 있다. 에러 메세지에서 안내한 것 처럼, allowImportingTsExtension 를 켜주면 해결되는 문제.tsconfig.json 파일을 수정하면 된다.{ "compilerOptions": { "allowImportingTsExtensions": true, // 기타 다른 옵션들 }} allowImportingTsExtensions 옵션 활성화 오류Op.. 2025. 11. 25.
extends / implements 08/14 extendsJavaScript 에서 어떤 class 를 상속받기 위해 사용.class 의 .prototype 은 반드시 Object 이거나, null 이어야 한다. (null 인 경우, prototype 체인의 최상단) implementsTypeScript 에서 class 와 interface 를 동시에 확장할 수 있음.class 의 interface 에 만족하는지 여부를 체크하고, inplements 한 interface 의 type 이 없다면 에러를 반환.implements 는 오직 type 체크를 위해 사용하기 때문에, 생성했을 때 내부 값을 변경 해 주지 않는다. 정리extends새로운 class 의 상속을 위해 사용.상위 class의 모든 property 와 method 를 갖고 있.. 2024. 9. 23.
TypeScript 의 유용한 연산자 08/09 TypeScript 에서의 ! (느낌표)대부분의 언어에서 느낌표는 대부분 False 를 의미하는 연산자로 쓰인다.TypeScript 에서는, 느낌표를 변수 뒤에 붙이면 False 가 아닌 다른 방식으로 사용할 수 있다.논리 부정 연산자 (Logical Negation)피연산자의 논리 값을 반전시킨다.피연산자가 true면 false로, false면 true로 바꿔 준다.Null 이 아닌 단언 연산자 !. (Non-null assertion operator)피연산자가 null 이 아니라고 컴파일러에게 전달하여,일시적으로 null 제약 조건을 완화할 수 있다.확정 할당 단언 !: (Definite Assignment Assertions)TypeScript 컴파일러가 감지할 수 없더라도, 변수가 실제.. 2024. 9. 17.
배열 활용 method 07/30fold배열의 값을 하나하나 순회하여 데이터를 가공해 결과를 내는 것.Array.filter값을 선별하며 배열 순회 가능.arr.filter(callback: (value: T, index?: number): boolean): T[]callback 으로 index를 넣어 index까지만 순회 시키거나, 특정 index에서 이벤트가 발생하도록 할 수도 있다.Array.map배열을 받아서 가공 한 다음, 다른 type 또는 같은 type 의 배열로 만들 수 있음.arr.map(callback: (value: T, index?: number): Q): Q[] Array.reduce기존의 fold 함수를 대체하는 method.각각을 순회하여 연산한 값인 result 와 각 값인 value 로 하나의 값.. 2024. 8. 27.
07/09~10 TSzod schema 선언 및 유효성 검사 라이브러리.런타임 단계에서 작동하는 것은 JavaScript이므로, TypeScript는 잡아낼 수 없는 한계 때문에 사용.입력된 schema 에 미리 지정된 type 검사를 해, 유효성 검사를 통과하지 못하면 error를 throw 한다. CS프로젝트를 빌드 하면 메타데이터가 생성됨.프로젝트 간 종속성이 존재 할 경우, 다른 프로젝트의 dll 등을 참조하기 위해 종속된 프로젝트의 빌드가 선행되어야 함. WinFormwindows 용 프로그램을 만들 때 사용하는 GUI 도구이다.간단하게 창이나 버튼 등의 레이아웃을 설정할 수 있고, 이를 내보내면 c#을 통해 코드로 사용할 수 있도록변환도 해 주며, 연결까지 해 준다. 2024. 7. 10.