본문 바로가기

개인공부79

3-3. 실습 //tsconfig.json { "compilerOptions": { "allowJs": true, "checkJs": true, "noImplicitAny": false }, "include": ["./src/**/*"] } 저기서 noImplicitAny를 true로 바꾸면 ts파일에 타입이 정해지지 않을것들에 빨간줄이 생길거다!!! noImplicitAny 의미는 any라고 붙여라. 이런의미이다. 실습하기전 상태 let todoItems; // api function fetchTodoItems() { const todos = [ { id: 1, title: '안녕', done: false }, { id: 2, title: '타입', done: false }, { id: 3, title: '스크립트'.. 2023. 5. 7.
3-2. 함수타입-파라미터,반환값, 옵셔널파라미터 //함수의 파라미터에 타입을 정의하는 방식 function sum(a: number, b: number) { return a + b; } sum(10, 20); //함수의 반환 값에 타입을 정의하는 방식 function add(): number { return 10; //return 안넣으면 에러난다!!! } //함수에 타입을 정의하는 방식 function sum2(a: number, b: number): number { return a + b; } 자바스크립트에서는 지정된거 말고 뒤에 더 넣어도 상관없다. 그냥 반응하지 않을 뿐이다. // JavaScript function sum3(a, b) { return a + b; } sum3(10, 20); //a와b 자리말고 뒤에 더 넣어도된다. 다만 뒤에 .. 2023. 5. 6.
3-1. 기본타입-문자열, 숫자,배열,튜플,객체,진위값 //JS 문자열 선언 // var str = "hello"; //TS 문자열 선언 let str: string = "hello"; //TS 숫자 let num: number = 10; //TS 배열 let arr: Array = [1, 2, 3]; let items: number[] = [1, 2, 3]; let heroes: Array = ["Capts", "Thor", "Hulk"]; //TS 튜플 : 특정 순서의 타입을 정한다. 각각 인덱스의 타입을 정한다!!! let address: [string, number] = ["gangnam", 3]; //TS 객체 let obj: object = {}; let person: { name: string, age: number } = { name: "tho.. 2023. 5. 6.
2-2 내용정리 (타입스크립트 설정파일) tsconfig.json { "compilerOptions": { "allowJs": true, // 이 파일 안에서 자바스크립트를 허용하겠다. "checkJs": true, "noImplicitAny": true // 모든 타입에 최소 any라고 들어있어야한다. } } 다른 추가적인 부분들은 typescriptlang.org/tsconfig 여기서 찾아보고 추가하면 된다!!!!!! 2023. 5. 6.

티스토리툴바