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처리 […]