타입스크립트
-
[2020.08.27] 우아한 테크러닝 3기에 선발되었다핵인싸 개발자의 길/Life Log 2020. 8. 27. 16:27
평소 리액트를 이용하여 여러 페이지와 서비스 기능들을 구현할 때마다, 항상 컴포넌트를 어떤 식으로 설계해야 재활용성을 높이고 효율적인 개발을 할 수 있을지 고민이 많았다. 같은 패턴일지라도 재활용을 하기에는 내부적으로 각기 다른 기능과 디자인 요소들이 너무나 다양했고, 이를 구분하기 위해 요구되는 파라미터들이 하나하나 추가될 때마다 코드의 가독성과 효율성이 극도로 떨어지는 것을 많이 느꼈기 때문이다. 나름 시간을 들여 고민도 많이 해보고 시도도 해봤지만, 항상 만족스럽지 않은 방향으로 컴포넌트를 사용하게 되었고 그때마다 정말 컴포넌트 설계를 잘하는 고수에게 제대로 배워보고 싶다는 생각을 많이 했다. 우아한 테크러닝 3기 그러다 며칠 전, 우아한 형제들에서 리액트와 타입스크립트를 이용하여 컴포넌트 설계와 ..
-
[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.05.28] TypeScript 사용법 (TypeScript+Express 구현)개발 블로깅/Modern script 2019. 5. 28. 20:17
기존의 자바스크립트는 컴파일을 돌리지 않고 브라우저 상에서 돌아가는 언어여서 데이터 타입이 정말 느슨하다. 변수 타입이나 파라미터에서도 제한되는 것이 없고 너무나도 자유롭다 보니, 개발할 때 데이터 타입에 대한 오류사항이 정말 많이 일어나기도 한다. 그러나 실제 컴파일 환경에서 돌리듯 자바스크립트 문법에 데이터 타입을 하나하나 명시를 해 줌으로써 이를 방지할 수 있는 방식이 타입 스크립트이다. 4주 차 프로젝트를 진행하면서 백엔드 역할을 맡게 되었는데, 이번 기술 스택에 typescript를 사용하도록 되어있다. 이번 기회에 typescript를 손에 익힐 기회가 왔다. 백엔드 파트를 맡았으므로, typescriptfh express환경을 구성하는 방법을 정리해보려고 한다. # typeScript 기본적..