typescript
-
[typescript] 메모장typescript 2021. 4. 23. 12:47
정적타입을 지원하는것은 개발자의 의도를 명확하게 전달 할수 있는 장점이 있다. 이는 예측가능성을 높이고 가독성을 높여준다. 인터페이스나 제네릭 등과 같이 객체지향 프로그램이적 요소가 있다. 컴파일은 일반적으로 소스코드를 바이트 코드로 변환하는 과정을 이야기 한다,. 그러나 타입스크립트에서는 자바스크립트 코드로 변환함으로 컴파일 이라는 단어보다는 트랜스파일링 이라는 표현이 적합하다. tsconfig.ts 파일은 typescritp 를 위한 프로젝트 단위의 환경설정으로 트랜스파일링할 대상과 컴파일 옵션에 대한 설정을 해놓을수 있다. 오류를 런타임 이전에 컴파일 하는 과정에서 알수있고 또한 다양한 도구를 사용할시에는 코드 작성시점에도 알수 있다. 자바스크립트가 가지고 있는 고유한 타입 이외에도(number,s..
-
[typescript & emotion] react 에서 emotion 사용해보기typescript 2021. 4. 19. 20:41
style-in-js 를 공부해 보는 중이다. 그중에서 emotion 을 공부해보는 중이다. styled component 형태로 만들어서 사용하기도 좋지만 css prop 을 이용해 inline 형태로도 사용할수 있다라는 점이 장점이라는데 한번 써보자!!! 먼저 인라인 형태로 써봤다. /** @jsxImportSource @emotion/react */ import React from 'react' import {css} from '@emotion/react' const Card = () => { const style = css` color : hotpink; ` return ( 카드 ) } export default Card 인라인 형태로 써봤다. 사용법은 간단하다 필요한 모듈을 다운 받고 css p..
-
[typescript error] Type '{ children: Element; }' has no properties in common with type 'IntrinsicAttributes'typescript 2021. 4. 12. 17:14
Type '{ children: Element; }' has no properties in common with type 'IntrinsicAttributes'.ts(2559) >>'{children:Element; }' 형식에는 'IntrinsicAttributes(고유특성)'.ts(2559) 유형과 공통되는 속성이 없습니다. 뭔말인지는 잘모르는데 대충 췰드런 자리에 뭐 넣었으니까 타입을 집어넣어라? 겟지 ? 하고 메인에 FC 를 넣어야 되나 VFC 를 넣어야 되나 어디서 본거 같애서 넣어봤다. 그런데 안되네 ?? 생각해보니가 넣어도 Main 에 췰드런을 쓴게 아니라 Header 라는 컴포넌트에 넣어줘야되서 그렇게 Header FC 를 추가해 주니까 해결 되었다. 근데 FC 랑 VFC 는 뭐하는 거고 ..
-
타입스크립트 제네릭typescript 2021. 4. 1. 16:26
타입스크립트에 대해서 제대로 공부해본적은 없고 어떤 취지인지 그리고 간단한 사용법만 아는 상태에서 리액트에 타입스크립트 를 이용한 강의를 듣다가 제네릭에 대해서 궁금해서 적어본다. typescript generic 은 동일한 함수에서 다른 타입을 적용할수 있도록 하는 문법이다. 사실 type을 any 로 적용하면 다른 타입도 사용할수 있긴한데 any 같은 경우 동적으로 타입이 정해지기 때문에 사실상 타입스크립트를 사용하는 의미가 없어진다. 제네릭 문법 function give =(arg:T):T=>{ return arg+arg } give("wow") 요런식으로 쓰는데 이렇게 타입에대한 조건을 선언시가 아닌 선언후로 미룰수도 있고 인자를 통해서 타입추론을 해서 에러를 검색해낼수 있도록 여지를 준다.?? ..