타입스크립트7 함수에 type alias 지정하는 법 📒 함수에 type alias 지정하는 법 1 2 3 4 5 type 함수타입 = (a :string) => number; let 함수 :함수타입 = (a)=>{ return 10 } Colored by Color Scripter cs 1 2 3 4 5 6 7 //함수에 타입 정하기 let 회원정보 = { name : 'kim', plusOne : (a :number) => { return a + 1 }, changeName : () => void } cs 📒 타입스크립트로 html 변경하는 법 1 2 3 4 5 6 //html //typescript let 이미지 = document.querySelector('#image'); if (이미지 instanceof HTMLImageElement) { 이미지.. 2023. 5. 11. 타입스크립트 - 타입이 길어진다면 readonly를 쓰세요 타입을 지정하다보면 이렇게 타입이 길어지는 경우가 있을 것입니다. 그런데 1. 너무 길어서 가독성이 떨어진다면 2. 이 긴것을 나중에 또 써야될것 같다면 타입을 변수에 담아 사용하는것이 편할것입니다. 이때 타입들의 변수명은 대문자로 시작하는게 관습이라고 합니다:) 그럼 object는 안되나요? -> 됩니다!! object 타입을 변수지정을 안해주면 타입이 2개밖에 없는데도 벌써 가독성이 떨어집니다,, readonly 문법 object 속성을 바뀌지 않게 막고 싶을때 사용하는 것이 readonly 문법입니다. readonly는 변수 타입 속성 왼쪽에 붙일 수 있습니다. 위에 'name'이 에러나는 이유는 readonly로 묶여있기 때문에 값을 바꿀 수 없어서 입니다. 타입도 합칠 수 있다 이제 NewOne.. 2023. 4. 4. 타입스크립트 - Narrowing & Assertion 이렇게하면 Operator '+' cannot be applied to types 'string | number' and 'number' 이런 에러가 납니다. 타입스크립트에서 '|' 로 연결된 union type은 연산을 못하게 지정해놨기 때문에 그렇습니다. 그런데 여기서 에러를 살펴보면 타입을 Narrowing 하거나 Assert해주면 됩니다. Narrowing type narrowing이란 if문 등으로 타입을 하나로 정해주는 것을 말합니다. 심지어 if, else if, else if 모두 잘 쓰고 마지막에 else를 안쓰면 에러가 납니다. 여기서 typeof 대신에 in, instanceof 같은 것들도 사용할 수 있습니다. Assertion 위처럼 변수명 as 타입을 쓰면 "이 변수를 다음 타입.. 2023. 4. 3. 타입스크립트 - 함수에 타입 지정하는 방법 함수에 타입지정을 할 수 있는 곳은 1. 함수로 들어오는 자료 (파라미터) 2. 함수에서 나가는 자료 (return) 특히, 파라미터에 타입을 지정해주면 이제 파라미터는 필수 파라미터가 됩니다. void타입 함수 타입스크립트에서의 함수는 특이하게 'void'라는 타입을 사용할 수 있습니다. 바로 return시킬 자료가 없는 함수의 타입으로 사용하곤 합니다. 이처럼 return을 시켰는데 'void'함수를 썼으면 return에서 에러가 납니다. 파라미터 값을 옵션값으로 주고싶을 때 함수에 파라미터값을 만들었지만 가끔 파라미터 값을 선택적으로 주고 싶을 수 있습니다. 그럴 경우에는 파라미터값에 옵션이라는 말을 해줘야 에러가 나지 않습니다. 방법은 생각보다 간단합니다. 파라미터 변수 오른쪽에 물음표만 붙이면 .. 2023. 4. 2. 이전 1 2 다음
