Typescript 기초 1 – Basic Types

Typescript Handbook / Developer’s Record 를 참고했습니다. String, Number, Boolean Array Tuple Enum Red를 3으로 하면 Green, Blue는 자동으로 4, 5가 된다. 하나하나 값을 설정할 수 도 있다. 반대로 Red, Green, Blue를 얻을수도 있다. Any Void, Null, Undefined Void null을 넣을 수는 없다. Null undefined Never 코드가 끝까지 읽히지 않는다는걸 표시할때 쓴다. Object Type Casting

Back To The Basic

결론 시중에 나와있는 라이브러리, 플랫폼, 언어들은 모두 도구들이다. 이 도구들을 어떻게 사용하는지 설명서를 딱 5번만 읽어보고 사용하자. 기초 공부 리스트 Typescript typescript documentation을 읽으면서 마인드 맵으로 정리하기

Typescript 어려운 부분

Diff Partial Required Pick Exclude Diff와 같은 기능을 한다. 하지만 Exclude는 Typescript 2.8버전부터 Built-in으로 지원된다. Omit Typescript에서 기본적으로 제공하는 기능은 아니지만 Pick과 Exclude를 활용해서 만들 수 있다. 어떤 타입의 특정 속성을 떨궈내는데 사용한다. Interface의 속성을 떨궈내는건 안되고, type만 되는것 같다. 그런데 어떻게, “phoneNumber”가 U extends keyof T의 U로써 들어갈 수 있는걸까? U extends keyof T의 […]

Typescript 적용 실패 후기

요즘 타입스크립트가 인기라고 해서, 이번에 새로 제작하는 작은 프로젝트에 적용했다. 하지만 중도에 시간도 부족하고 지쳐서 포기했다. 하면서 뭐가 어려웠는지 대충 기록해 보았다. tsconfig.json moduleResolution / outDir / files / exclude 등의 속성이 이해가 잘 안갔다. 그리고 outDir로 분명 지정했는데 tsc src/index.ts 로 했더니 ourDir에 지정한 path에 파일이안갔다. 알고보니 그냥 tsc를 써야했었다. Webpack + Typescript ts-loader […]

Typescript + React 막무가내 Error Log

설정 tsconfig.json 안에 outDir이거 필요한거맞아? 어차피 ts-loader가 변환 하면서 bundling하는거 아니야?? import React from ‘react’요따구로 쓰면 안되고, import * as React from ‘react’ 이렇게 써야한다. JSON으로 서버에서 데이타를 받아왔는데, 구조가 좀 복잡하다. 배열을 string으로 감싼것도있고,,, 이거를 어떻게 type을 지정해 줘야할까?=> primitive type을 쓰면 된다. 그냥 string이나 number쓰고, 그 type을 UserJSON이라고 하면되지. JSON용 type. “{“admin”:”1234″,”assist”:”4321″}” 라는 […]

기본적인 React + Redux 사용법

진행 순서 1. 버튼클릭 ComponentB안에있는 버튼을 클릭한다. 이 버튼에는 클릭시 action을 dispatch하는 이벤트가 걸려있다. 2. reducer에게 action보내기 내가 만든 action이 store를 통해 reducer에게 보내진다. store를 얻어서 직접 store.dispatch( myAction ) 이렇게 호출할 수 도 있지만, 여러가지 예외처리 혹은 효율성의 이유로 react-redux 모듈을 사용해 store와 내 컴포넌트를 connect시키고 아래와 같이 간접적으로(?) 호출하는게 더 낫다. 3. reducer처리 […]