구버전/TypeScript
-
[Typescript] Generic과 forwardRef구버전/TypeScript 2024. 4. 16. 11:29
개요 1. 제네릭함수와 forwardRef의 문제점 2. 해결 방안 ✅ 제네릭함수와 forwardRef의 문제점 📦 기본적인 예제 (Table) const Table = (props: { data: T[]; renderRow: (row: T) => React.ReactNode; }) => { return ( {props.data.map((item, index) => ( ))} ); }; 위 예제는 간단히 제네릭함수를 통해서 구현된 Table이다. 현재 Table 컴포넌트를 사용하는 것을 통해서 어떻게 추론이 되는지 알아보겠습니다. { (parameter) row: string return {row}; }} />; 여기서 알 수 있듯이 data로 전달된 Array형태에서 타입이 추론이 되고, 그 추론된 타..
-
[Typescript] why Typescript?구버전/TypeScript 2023. 12. 8. 16:21
개요 자바스크립트와 타입스크립트란? 타입스크립트를 선택한 이유 착각하기 쉬운 타입스크립트 기본개념 Javascript) 동적 웹페이지를 만들기 위한 프로그래밍 언어로써 웹페이지를 조작하고, 서버와 클라이언트 간 상호작용에 관한 일을 한다. 등장배경 : 정적인 초기웹사이트에서 동적으로 변함에 따라 등장하게 되었다 인터프리터 언어이지만 컴파일러가 내장되어 있어 실행 속도가 매우 빠르다. 객체기반의 스크립트 언어이지만 함수형과 객체 지향형 프로그밍을 모두 구현할 수 있다, Typescript) Javascript를 기반으로 정적 타입 문법을 추가한 프로그래밍 언어 컴파일 언어, 정적 타입 언어 : 동적인 Javascript는 런타임에서 오류를 발견할 수 있는 것에 반해 Typescript는 코드의 작성 단계에..
-
[Inflean 장기효] 입문강의구버전/TypeScript 2023. 7. 20. 17:53
실습환경에서 주의할 내용 ESlint에서 잡아주는 문법을 보아야하기때문에 설치 확인을 꼭합시다 crtl +, 를 통해서 format on save 비활성화를 통해서 prettier와 beatify를 꺼야한다. (eslint만으로만 문법을 확인하기 위해서) 할일 관련 프로젝트 파일을 알아보자 tsconfig.json compilerOptions 세부사항을 어떤식으로 주느냐에 대한 얘기가 있따 allowJs , checkJs, noImplicaitAny 가 무엇인지 알아봐야겠구만 붉은색 에러는 ts -=> js 로 변화할 때 제거를 꼭 해주어야한다. esilnt가 ts 문법을 보조해주고 있다 any 라는 타입은 무엇인가? 모든 타입을 통칭하는 것 함수의 반환타입에 대해서 알아보자 void 란 무엇인가? 반환..
-
[Inflean 장기효] 입문강의 -문법-구버전/TypeScript 2023. 7. 13. 15:30
변수타입 // JS 문자열 선언 const str = "hello"l // TS 문자열 선언 let str:string = "hello"; let num : number = 10; // TS 배열 선언 let arr : Array = [1, 2, 3]; // arr라는 배열은 안에 number만 들어올 수 있는 Array이다 let items : number[] = [1, 2, 3]; let animal : Array = ["cat", "dog"] // 배열 안에 숫자를 넣으면 빨간줄이 생긴다 // TS 튜플 선언 let address : [string, number] = ["gangnam", 123]; //배열의 각각 index에 타입을 정의 할 수 있다 // TS 객체 선언 let obj: objec..