본문 바로가기

Front End/TypeScript2

[TypeScript] Utility Types 회사 프로덕트에서 자바스크립트 대신 타입스크립트를 기본으로 쓰기 때문에 조금 더 잘 이해하고 쓰기 위해서 타입을 정리해본다. 스터디로 타입 스크립트 챌린지를 하고 있기도 한데, 타입스크립트를 사용해본 건 VS Code에서 마우스를 위에 올리면 나오는 타입으로 가져다가 쓰기만 하는 것으로 충분하지 않기 때문에. 흔히 타입스크립트는 자바스크립트에 타입을 얻은 것이라고 표현한다. 그렇기 때문에 타입스크립트 안에 자바스크립트가 포함된다. TypeScript의 Utility Types 페이지에서 'TypeScript는 일반적인 타입 변환을 쉽게 하기 위해서 몇 가지 유틸리티 타입을 제공합니다. 이러한 유틸리티는 전역으로 사용 가능합니다.'라고 공식문서에 쓰여있다. https://youtu.be/IeXZo-JXJj.. 2022. 3. 14.
[TS + React] 원래 가지고 있는 state와 props로 받는 state가 다를 때 프론트엔드 스터디에 참여하기 시작하면서 TodoMVC라는 걸 리액트와 타입스크립트의 조합으로 구현해보고 있다. 타입스크립트에 대한 아주 얕은 기본 지식만 있는 상태에서 쓰려니 VS code에서 계속 마주하게 되는 에러들. 오늘 문서를 참고하며 기능구현을 하다가 내가 마주한 에러는 이것. // App.tsx import React, { useState } from 'react'; import Header from 'components/Header'; import Main from 'components/Main'; import Footer from 'components/Footer'; const App = () => { const [todoList, setTodoList] = useState([]); ret.. 2021. 12. 24.