FrontEnd/TypeScript(12)
-
files
tsconfig What ? files타입스크립트( ts ) 프로젝트에서 컴파일할 특정파일을 명시적으로 지정하는 tsconfig 옵션입니다. How ? // tsconfig.json{ "files": ["src/example.ts", "src/test.ts"], "compilerOptions": { ... }} - src 폴더 내 example.ts 와 test.ts 파일만 컴파일 대상으로 지정되며, 다른 파일은 컴파일 대상에서 제외됩니다. - 파일 확장자까지 정확히 작성해줘야 합니다. - 컴파일 시간을 단축시킬 수 있으며, 불필요한 파일을 제외해, 컴파일 오류를 줄일 수 있습니다. - files을 지정하지 않은 경우, include 옵션에 지정된 디렉토리 ..
2024.03.25 -
baseUrl
tsconfig.json tsconfig.json 의 compilerOptions 속성입니다. What 기본 위치를 설정합니다. 소제목 1 소제목 1-1 티스토리 소제목 꾸미기 두줄 소제목 스타일 서식 5 현재는 paths로 만 적용되어 사용되지 않습니다.
2024.01.29 -
noFallthroughCasesInSwitch
TSconfig.json What ?noFallthroughCasesInSwitchswitch 문의 fallthrough 사례에 대한 오류 표시 여부를 선택합니다. fallthrough ?switch 문에서 특정 case의 실행이 끝나고 다음 case로 넘어가지 않고, 연이어서 다음 case도 실행되는 현상 How ? EXAMPLE예시 1 )let day = 3;let dayType;switch (day) { case 1: dayType = "Weekday"; break; case 2: dayType = "Weekday"; break; case 3: dayType = "Weekday"; // break 또는 return 이 없는 구간 case 4: ..
2024.01.29 -
exactOptionalPropertyTypes
TSconfig.json 속성 중 compilerOptions 옵션입니다. 선택적 속성( optional property ) ? TypeScript 에서 객체 타입을 정의할 때, 특정 속성이 반드시 필요하지 않고 선택적으로 존재할 수 있음을 나타내는 속성입니다. 선택적 속성은 속성 이름 뒤에 " ? " 기호를 붙여서 정의합니다. 예시 ) type MyType = { prop1: string; prop2?: number; }; // prop2는 선택적 속성입니다. const myObject: MyType = { prop1: "Hello,", // prop2: 42, // prop2를 생략해도 됨 }; // prop2를 생략해도 타입이 유효하며, myObject는 MyType의 유효한 인스턴스가 됩니다. 주..
2024.01.26 -
exclude
tsconfig tsconfig 속성 입니다. What? exclude - 타입스크립트( ts ) 프로젝트에서 컴파일에서 제외할 파일 목록을 명시적으로 지정하는 속성입니다. - include 와 반대 속성으로 이해하면 됩니다. - 미설정 시, 기본적으로 " node_modules, bower_components " 같은 폴더를 제외합니다. How ? // tsconfig.json { "exclude": [ "node_modules", "**/*.test.ts", ... ] ... } - 개별 파일외에도 폴더 를 지정할 수도 있습니다. - 와일드 카드 패턴 으로 저장합니다.
2024.01.25 -
allowUnusedLabels
TSconfig.json 속성 중 compilerOptions 옵션입니다. 리터럴을 작성하려는 시도 ( 미사용 라벨 허용 ) ? 라벨이란 ?? 반복문 (for, while, do-while)과 사용돼 해당 반복문을 중단하거나 다음 반복을 시작할 때, 특정 위치로 이동할 수 있게 해줍니다. EXAMPLE 예시 1 ) function verifyAge(age: number) { if (age > 18) { verified: true; } } // 위 함수에서 return 이 없이 리터럴 형태 코드로 에러가 발생합니다. 예시 2 ) function example() { outerLoop: for (let i = 0; i < 5; i++) { innerLoop: for (let j = 0; j < 5; j++)..
2024.01.24