TIL 114일차

오늘 사이드 프로젝트 디자인 수정과 타입스크립트 작업을 해보았습니다.

useNavigate() react Hook을 typeScript로 변환해서 써보았습니다.

// 일반적인 JSX 문법으로 작성시
const navigate = useNavigate()

// 타입스크립트 형식으로 작성하면
const navigate: NavigateFunction = useNavigate()

useState() 타입스크립트

useState<타입>()와 같이 Generics을 사용하여 해당 상태가 어떤 타입을 가지고 있는지 설정을 해줍니다.

ex)

const [attitudes, setAttitudes] = useState<boolean>(true);

Void
void 타입은 자바를 사용해본 사람은 알겠지만 보통 함수에서 반환 값이 없을 때 반환 타입을 표현하기 위해 사용된다.