본문 바로가기

TypeScript

(2)

TypeScript 와 Redux 를 이용하여 Todo-List 만들기 (Feat. typesafe-actions) TypeScript의 기초를 알아보았고 Redux의 사용법도 알았으니 TypeScript와 Redux를 사용하여 Todo-List를 만들어보자 이 게시글에서는 TypeScript환경에서 Redux를 더욱 편하게 사용하기 위해 typesafe-actions 라는 라이브러리를 사용한다 Redux에서는 redux-actions라는 라이브러리가 있지만 TypeScript 환경에서는 사용하기 좋지 않다 프로젝트 구조 이 프로젝트는 데이터를 다루는 부분 Container 컴포넌트와 화면을 표현하는 부분 Presentational 컴포넌트를 구분하여 개발하였다. 아래를 통해 살펴보자 components 폴더에는 Presentational 컴포넌트들이 , containers 폴더에는 container 컴포넌트, 그리고..

타입스크립트 시작하기 리덕스를 배우고 나서 타입스크립트를 배우려한다 타입스크립트를 알고나면 자바스크립트가 너무너무 불편하다고 하는데 한번 체험해보자 ..! ❓ 타입스크립트를 써야하는 이유 에러의 사전 방지가 가능하다 타입스크립트를 사용하여 개발하면 많은 실수를 줄일 수 있다 function sum(a: number, b: number) { return a + b; } 위와 같이 타입스크립트로 sum이라는 함수를 만들고 sum(10, 20); // 30 sum('10', '20'); // error 위 코드처럼 함수를 호출했을 때, 첫번째 호출은 호출 인자로 number가 들어가서 두 숫자를 합한 값을 리턴받지만 두번째 호출은 string 타입이 들어갔기 때문에 오류가 나게 된다 이밖에도 이상한 오타를 낸 경우, 다른 타입끼리..

이전 1 다음

티스토리툴바