[TIL 220603] 들어가기 타입스크립트로 프로젝트를 진행하는 중 의문이 생겼다. const LOGIN_ID = 'login id'; const array = ['abc', 'bbc', 'ccc']; 위와 같은 코드의 경우 LOGIN_ID는 한 눈에 타입 판단이 가능하고 TypeScript도 자동 타입 추론(Type Inference)으로 string이라고 판단할 것이다. 과연 이 경우에도 타입을 지정해야 하는가?라는 의문이 들었다. 모든 타입을 선언했을 때 장점과 단점 간단한 코드라도 타입을... » read more
들어가기 지난 번에 공부했던 React에서 활용하는 방법을 공부하기 위해 TypeScript 할 일 목록 만들기 앱 강좌를 보며 정리했습니다. 기본 세팅 App의 유형이 Functional Component라는 의미로 FC로 넣어줍니다. useState 사용하기 useState에 꺽쇠를 붙여서 타입을 정의할 수 있습니다. 예: <타입> input 핸들러의 타입 정의 ChangeEvent를 react에서 불러와서 ‘HTMLInputElement’를 타입으로 줄 수 있습니다. 예 <HTMLInputElement> 이벤트 값을 Number로... » read more
TypeScript 타입의 종류를 블로그에 다시 쓰면서 공부한 내용을 복습해 보고자 합니다. 타입의 종류 number 1, 2, 3, 4 ... string '가나다라', 'abcd' boolean true, false bigint 2^53 - 1보다 큰 정수 symbol 불변하고 유니크한 값입니다. (생성된 심볼은 다른 값이랑 같아도 a===b false) null 비어 있는 상태 undefined 정의되지 않은 상태 void function에서 return값이 없을 때... » read more