Loading...
2019. 11. 2. 15:42

[React.ts] React를 Typescript로 시작해보기 - Props, State

이번 글에서는 Props, State를 Typescript에서 어떻게 사용하는지에 대해 알아보겠습니다. Javascript에서는 state를 정의하기 위해 생성자를 사용하였고, 해당 생성자의 파라미터로 Props를 넣어주었으며 Props가 필요하다면, 컴포넌트 코드 밑에 Props 타입을 정의했었습니다. import React, { Component } from 'react'; class Header extends Component { constructor(props) { super(props); this.state = { ... }; } render() { return ( Practice App ); } } export default Header; 하지만 Typescript에서 위와 같은 코드를 사용할..

2019. 11. 2. 14:42

[React.ts] React를 Typescript로 시작해보기 - 개발 환경 구성

안녕하세요. Typescript로 시작하는 첫 글입니다. Typescript의 첫 시작을 React 프로젝트로 시작하게 되었습니다. 그 이유는 제가 이번에 메인 홈페이지를 다시 리뉴얼 하게 되면서 지난 2년 동안 사용하지 않았던 React를 다시 시작하게 되었는데요. 비록 만드는 잠깐 동안이었지만 배움과 같이 더불어 진행하게 되었기 때문에 React의 변경점도 같이 살펴봄과 더불어서 이번에는 Typescript를 사용하여 개발하게 되었습니다. Create react app React를 빠르게 시작할 수 있는 방법으로 create-react-app을 사용하는 방법이 있습니다. Typescript를 사용하는 것도 역시 이 명령어로 쉽고 한 번에 구성할 수 있습니다. $ create-react-app [app..