typescript 3

[TypeScript, TkDodo의 블로그 번역] 타입스크립트의 배열 타입 선언, 현명하게 선택하기 (제너릭 VS 배열)

Array Types in TypeScript (원문 바로가기) 23. 8. 19 발행 _ TkDodo’s blog 글을 시작하기 전에.. 이 포스팅은 ReactQuery의 co-maintainer인 TkDodo의 블로그 글을 의역해 정리한 글이다. 해당 블로그는 ReactJs, TypeScript, 비동기에 대한 글이 주기적으로 올라오고 있다. Array 과 string[] 두 표기법의 공식 번역 용어를 찾을 수 없어 전자는 제너릭 노테이션(제너릭 표기법), 후자는 배열 노테이션(배열 표기법)이라 칭하겠다. * TanStack/Query Github (https://github.com/TanStack/query)) 제너릭 노테이션 Array VS 배열 노테이션 string[] 두 노테이션 함수적 차이 ..

News/Frontend 2023.08.26

[TypeScript] 훈련하기!

Day1 2023-07-10 기본 타입 외우기 - boolean, number, string, array, tuple, enum, any, void, null playground에서 실습하기let color: string = "blue"; let age: number = 12; let list: number[] = [1,2,3]; let list: Array = [1,2,3];let 변수명 : 타입 = 값; let 변수명 : 타입[] = [값]; 아니면 let 변수명 : 객체명 = [값]; self check 튜플로 선언하기 튜플은 언제 쓰는지 배열을 선언하기, 2가지 방법 집합에 사용하는 자료형 enum 선언하기 void의 사용 number로 선언된 변수에 null이 할당될 수 있다. (O/X) num..

[TypeScript] 외부 패키지 사용시, dev dependency 해결하기

문제 canvas-confetti 패키지 사용하고 싶었다! 폭죽 효과 타입 추론이 안 되는 패키지의 함수는 바로 사용할 수 없음, 추론할 수 없다는 에러 발생 해결 yarn이나 npm 에 @types/{패키지나 라이브러리명} 추가해주기 yarn add -D @types/canvas-confetti yarn add --dev @types/canvas-confetti npm install -D @types/{패키지명} npm install --save-dev @types/{패키지명} (-D 옵션은 개발 빌드할 때만 쓰는 패키지를 설치할 때 쓴다,,~ 옵션 위치도 맨 뒤거나 명령어 다음이거나 상관없는듯, 맨 뒤에 써야겠다 다음엔) 또는 root 디렉토리 (App.js, App.tsx 가 위치한..)에 {패키지..