TS+REACT

JS에서 발생하는 특정 이벤트들은 대부분 함수를 작동시킨다.타입스크립트에서 타입을 명시하면 명시할 수록 에러 발생을 잡을 수 있으니이또한 타입을 명시해주는 것이 좋다.onChange 이벤트에 타입을 지정하는 방법을 알아보자.onChange에서 발생하는 DOM이벤트인 e

FC typeconst Button:FC<ButtonProps>FC = Function Component 타입이다.react에선 component 또한, 함수 혹은 class이므로 값으로써 전달 될 수 있기 때문에 type을 설정해주어야 한다.const { chi

분석해봅시다.interface를 선언해줍니다. useState에 type을 주는 것으로 name과 desc를 강제해줍니다.유저로부터 입력을 받아봅시다. 기본적인 react에서 form 태그를 사용하는 방법입니다.input 태그의 props중 필요한 것만 골라서 사용하면

배열의 타입을 선언해주는 방법

TS + REACT + RTK COUNTER redux는 역시 counter를 만들어 봐야 감이 잡힌다. 최신 RTK의 방식은 어떠한지 업데이트 할 겸 따라가보자. 참고자료 https://redux-toolkit.js.org/tutorials/typescript h

찾아본 문법들을 정리한 결과 위와 비슷한 느낌의 문법이 된다.StyleRules로 style을 정의한다.2 WithStyles로 style들의 type을 정의하는데 위와 같은 문법을 따라야한다(<typeof generic>)React.FC type을 피하기 위해

위 이미지는 이런 뜻이다.QUERIES = 서버에서 반환해 줄 수 있는 종류e.g) dog를 요청하면 Dog Type을 줄 수 있다.위 이미지는 이런 뜻이다.dog query는 필수 값으로 breed를 받는다, 받으면 Dog 객체를 줄 것이다.(특정하지 않고 긁어오는

중요한 부분만 훑어보자.Dispatch Dispatch는 useState의 setter 부분에서 사용되는 타입 선언이다. (아래와 같음)function useState<S>(initialState: S | (() => S)): \[S, Dispatch<Set

!codesandboxblue-https-2gyut?fontsize=14&hidenavigation=1&theme=darkuseState를 child component한테 물려주는 방법 등등

사용하기 나름이겠지만 navBar를 기준으로 io를 구현해보자.요청받은 사항은 아래의 두가지 였다.화면의 최상단에 있는 경우 navBar의 배경색을 투명하게한다.스크롤이 내려가면 화면을 따라 navBar가 따라오고 배경색이 흰색이 된다.위와 같이 nav 태그 내부에 당