React with Ts - using custom props (styled)

✅ \[https://styled-components.com/docs/apistyled components를 Typescript로 작업할 때, 문제가 생기는 부분이 하나 있습니다.바로 사용자가 지정하는 custom props입니다.우선, JS에서 하던 방법 그

2020년 4월 26일
·
0개의 댓글

React with Ts - styled components

✅ \[https://styled-components.com/docs/api yarn add styled-components @types/styled-components기존의 JS-React 에서는 ThemeProvider를 사용해도 자동완성이 안되어 수

2020년 4월 24일
·
0개의 댓글

React with Ts - GraphQL API

Apollo를 이용하여 GraphQL API Endpoint에 접근할 경우 Typing하는 방법에 대해 알아봅니다.예제로 DB까지 붙이기엔 복잡하니 간단한 배열을 return 합니다.imageClient 생성 방법은 JS와 동일합니다.imageTypescript를 사용

2020년 4월 24일
·
0개의 댓글

React with Ts - REST API

API에는 REST / GraphQL 두 종류가 있는데, REST API를 사용하는 경우 읽으면 좋습니다.우리는 REST API를 호출할 때, Fetch API를 사용합니다. 기호에 따라 Axios를 사용할 수도 있지요.하지만 TS기 때문에 JS로 만드는 것에 추가적으

2020년 4월 23일
·
0개의 댓글

React with Ts - HTML Event

주로 user가 입력한 값을 API에 요청하기 위해 onChange, onSumbit 등을 사용하곤 합니다.Typescript에서는 사용법이 조금 달라졌습니다.일반적으로 우리는 함수형에서 이런 방식을 선호합니다.toast우선, JS에서 하던 방식대로 만들어 보겠습니다.

2020년 4월 22일
·
0개의 댓글

React with Ts - useState

JS에서 하던 것처럼 useState를 선언하면 안됩니다.일단, useState가 선언된 시점만 보면 문제가 발생하진 않습니다.image주석이 풀린 순간, 문제가 발생합니다.imageuseState 생성 당시 typing이 null로 되어있어 null이어야만 하는 st

2020년 4월 22일
·
0개의 댓글

React with Ts - typing props

Typescript를 사용하는 React의 컴포넌트는 props에 대한 Type을 정의해주지 않으면 에러가 발생하여 실행이 불가능 합니다.다음의 Home 컴포넌트가 있고imageApp에서 Home을 불러온다고 하면 빨간 밑줄이 발생합니다.image그 밑줄에 커서를 가져

2020년 4월 22일
·
0개의 댓글