[TIL] 22.01.14

오늘도 집순..

오늘의 공부

 

타입스크립트와 리액트 훅을 함께 사용하는 법에 대해서 찾아보았으나 아직 온전히 이해하진 못함.

const [number, setNumber] = React.useState<string>('');

문자나 숫자만 넣는다면 <string>이나 <number>을 넣으면 된다는건 이해했지만

배열의 경우에는 다른 분의 예시를 참고했으나 타입스크립트에서 배열로 된 state를 업데이트 하는 방식을 모르겠다!

 

참고 링크는 아래.

https://react.vlpt.us/using-typescript/03-ts-manage-state.html

3. 타입스크립트로 리액트 상태 관리하기 · GitBook

오늘의 작업

 

타입스크립트 연습용으로 간단하게 계산기 만들고 있음.

버튼 클릭시 해당 버튼의 값이 출력되는 것까지 작업.

 

원래는 canvas를 이용해서 그림 그리는걸 만들어볼까, 아니면 기존 프로젝트를 업데이트할까? 하면서

다른 뻘짓을 많이 했지만.. 최대한 가볍게 작업하고 싶어서 하던거 싹 지우고 계산기 작업 스타트..

 

타입스크립트 연습 레포지토리는 여기.

https://github.com/jjubbu/react-typescript

GitHub - jjubbu/react-typescript: 리액트와 타입스크립트 섞어서 써보자는 레포! 기왕이면 이것저것 실

 

내일은 치과 다녀온 후 지금 하던거 끝내고..

원래 next 찍먹해볼까 했는데 아직 타입스크립트가 너무 부족해서 좀 더 깊게 파고들 예정.