개발 블로깅/TypeScript
-
[2020.03.14] Express + GraphQL API 기본적인 Apollo서버 구현 (with TypeScript)개발 블로깅/TypeScript 2020. 3. 14. 01:58
이번에 서브 프로젝트를 진행하기 위해, 백엔드를 Express 서버에 GraphQL을 사용하기로 했다. 트레바리에서는 GraphQL을 사용하기 때문에 평소에 많이 접하기는 하지만, 내가 직접 환경을 구성하지 않아 환경 구성을 어떤식으로 하는지는 몰랐는데, 이번 기회에 내가 직접 GraphQL을 사용하는 Express 서버를 구축해 볼 수 있는 좋은 기회였다. TypeScript를 이용한 Express와 GraphQL의 서버 환경을 구축하는 쉬운 튜토리얼을 찾아보려 했지만 그러한 글을 찾아보기가 힘들었던 것 같다. 그래서 이번에 내가 직접 서버를 구현해 보면서 진행한 과정을 이해하기 쉽도록 정리해보려고 한다. TypeScript를 사용하기 위한 기본적인 구성 프로젝트 세팅 우선 프로젝트로 사용할 폴더를 ..
-
[2019.07.13] React에 TypeScript를 적용하면 constructor를 쓰지 않는다?개발 블로깅/TypeScript 2019. 7. 13. 19:34
클래스형 컴포넌트 안에서 state를 사용할 때, 일반적으로 아래와 같은 코드로 구현한다. # React 클래스 컴포넌트에서 일반적인 state 선언 방식 class component extends React.Component { constructor(props){ super(props); this.state = { name: '', age: 0 } } render()( hello Typescript ) } 여기서 타입스크립트를 적용시키면 변경되는 부분이 몇 군데 있다. # React에 TypeScript를 적용시킬 시, 일반적인 클래스 컴포넌트 사용 방식 interface State{ name:string; age:number; } class component extends React.Component..
-
[2019.07.11] React + TypeScript에 TSLint 적용시키기개발 블로깅/TypeScript 2019. 7. 11. 12:22
# React + Typescript + Webpack 환경 세팅하기 [2019.07.11] React + TypeScript + Webpack 환경 설정 React의 보일러 플레이트 CRA를 사용한 것이 아닌, 직접 웹펙 세팅에 TypeScript를 적용한 환경설정을 해보자. # 프로젝트 디렉토리 생성 $ mkdir React_TypeScript $ cd React_TypeScript 프로젝트로 사용할 디.. helloinyong.tistory.com 이번에는 TSLint를 적용시켜, Typescript의 코드 스타일을 맞춰보도록 하자. # VSCode TSlint Plugin 설치 vscode plugin에 들어가 TSLint를 설치한다. # TSlint 설치 TSlint 모듈을 설치한다. $ npm..