angsu

Narrowing 할 수 있는 방법 더 알아보기 🍎 null & undefined 체크하는 법 if (변수 && typeof strs === "string") {} // if문 조건식안에 falsy 값이 남으면 if문 실행되지 않음 이렇게 사용하면 변수가 undefined라면 undefined가 남아서 if문이 실행되지 않고, 변수가 string 타입이면 if문이 실행됨 && 연산자의 다른 기능 원래 && 이건 조건식 2개가 참이면 전부 참으로 판정해주세요~ 라는 논리연산자인데여러개를 사용하면 이상한 현상이 있습니다. && 기호로 비교할 때 true와 false를 넣는게 아니라 자료형을 넣으면&& 사이에서 처음 등장하는 falsy 값을 찾아주고 그게 아니면 마지막 값을 남겨줍니다.falsy 값은 fals..

🍎 타입스크립트로 HTML 변경과 조작할 때 주의점 strictNullCheck 옵션 설정 { "compilerOptions": { "target": "ES5", "module": "commonjs", "strictNullChecks": true } } tsconfig.json 파일을 열어서 strickNullChecks 옵션을 true로 변경 "strict" : true 이런걸 써두면 strickNullChecks 옵션도 자동으로 true로 켜짐 HTML 파일 준비 (index.html) 안녕하세요 링크 버튼 타입이 확실하지 않아서 에러를 출력할 때 방법 🍎 해결책 1. narrowing 방법 let 제목 = document.querySelector('#title'); if (제목 != null) { ..

타입 확정하기 Narrowing & Assertion 저번 시간에 만든 함수에 숫자 또는 문자를 집어넣으면 + 1 해주는 함수입니다. function 내함수(x :number | string){ return x + 1 //에러남 } Operator '+' cannot be applied to types 'string | number' and 'number' string | number 같은 union type 에는 일반적으로 조작을 못하게 막아놔서 그렇습니다. 해결 방법 1. Narrowing 방법으로 설정 2. Assert 방법으로 설정 🍎 Type Narrowing if문 등으로 타입을 하나로 정해주는 것을 뜻합니다. defensive 하게 코딩하는 방법 function 내함수(x :number | ..