서론 지난 포스트에서 프로젝트 세팅을 모두 끝마쳤습니다! 이제 실제로 멋진 Typescript Express 크롤러를 만들어볼 차례입니다. 어서 개발하러 가시죠! 1. 크롤러의 작동원리 크롤러의 작동원리는 사실 정말 별 것도 없습니다. 우리가 일반적으로 웹 서핑을 할 때 보는 웹 페이지들은 다들 알고 계시는 것처럼 HTML과 CSS, 자바스크립트로 동...
서론 저번 포스트에서 크롤러에서 필요한 모듈들을 설치하는 것까지 진행했었죠? 이번 포스트에서는 프로젝트 세팅을 이어서 해볼 것입니다. 이번 포스트에서 할 작업들은 다음과 같습니다. 1. tsconfig 세팅 2. tslint 세팅 3. jest 세팅 tsconfig 세팅 Typescript를 해보신 분들도 계시겠지만, 이전 포스트에서도 말했다시피 ...
서론 안녕하세요! Medium에서 글을 쓰다가 코드는 안예뻐쁘고, github gist를 쓰기엔 귀찮아서 velog로 찾아온 사람입니다. 이상한 소리는 집어치우고, 서론이지만 본론으로 들어가봅시다. 저는 원래 Typescript(I love TS)와 React를 좋아하는 프론트엔드 개발자였습니다. 하지만 모든 개발자들이 그러하듯이 풀스택!!!의 꿈을 가지...
이 글은 제가 타입스크립트를 공부하면서 정리한걸 옮겨온 것입니다. 타입스크립트(typescript)의 class에 관한 주요 개념을 알아보자. 자바스크립트(javascript)는 프로토타입 기반의 객체지향 프로그래밍이 가능하다. ES6에는 Java나 C++ 처럼 class가 생겼다. 하지만 다른 객체 지향 언어에 비해 자바스크립트 class는 ...
![[Typescript로 보는 ADT] Functor](https://thumb.velog.io/resize?url=https://images.velog.io/post-images/merong0704/44399a40-84ba-11e9-ba6b-9f57cb3a8d5f/download.jpeg&width=512)
서론 이 글은 함수형 프로그래밍, 그 중에서도 타입을 이용한 함수형 프로그래밍을 다룹니다. 여러번에 걸쳐 다양한 타입을 소개하는 것을 목표로 하고있습니다. 첫 번째 주제는 간단하면서도 유용한 Functor입니다. ADT ADT는 Algebraic Data Type으로 함수형 프로그래밍에서 타입을 표현하는 한 가지 방식입니다. 조금 자세하게는...
Vue.js 프로젝트에 Typescript 를 적용할 때 크게 도움이 되었던 사이트들을 기록을 위해 정리해 둔다. * Vue.js 공식 사이트: https://vuejs.org/v2/guide/typescript.html * Vue-cli 로 기존 프로젝트에 Typescript 적용하기: https://github.com/vuejs/vue-cli/tree...
![[Typescript] async array methods](https://thumb.velog.io/resize?url=https://images.velog.io/post-images/leejh3224/b327b2b0-6f9e-11e9-9bb8-454373da6e80/nodejs.png&width=512)
Node.js의 forEach 혹은 filter는 동기적으로 동작합니다. 그렇기 때문에 async function과 함께 동작하게 만들려면 약간의 트릭이 필요한데요. 아래와 같은 식으로 할 수 있습니다.
본 라이브러리는 decorator를 이용해 express의 몇몇 기능을 쉽게 작성할 수 있도록 도와주는 라이브러리입니다. 라이브러리 코어 기능 1. decorator를 이용해 application level의 middleware를 지정한다. 2. decorator를 이용해 router level의 middleware를 지정한다. 3. dec...
시작하기에 앞서 Redux와 Rematch를 소개하기에 앞서 먼저 간략하게 redux에 대한 설명을 하고 넘어가겠습니다. Redux란? redux에 대한 한글 소개문서에서는 자바스크립트앱을 위한 예측가능한 상태 컨테이너라고 소개합니다. 좀더 설명하자면 flux 아키텍쳐 구조를 가진 상태관리 라이브러리로 모든상태저장소를 중앙집중형식으로 관리하는...
TypeScript 알아보기 갑작스런 면접 일정에 의해 빠르고 정확하게 짚으면서 알아가보자 타입스크립트의 특징 - 컴파일 언어, 정적 타입 언어이다. JS는 인터프리터 언어지만, TypeScript는 컴파일 언어로 코드 수준에서 미리 타입을 체크하여 오류를 체크해낸다. 단 전통적인 컴파일 언어와는 다르게, 링킹 과정이 생략되어 있다. - 타입 기반 ...
서론 최근 취업을 위해 서류를 제출하면서 우대 사항에 TypeScript 에 대한 경험이 많이 적혀있는 것을 보고 공부를 해야겠다 생각하였습니다. 그래서 TypeScript React를 구글링을 하였는데... image.png ~벨로퍼트님... 그는 React의 신인가?..~ 벨로퍼트님의 블로그 === React의 라프텔 // True 트루 참트루...
타입스크립트 코리아 : 2017.05 기초 세미나 인프런 강의 정리 Typescript = Langauge 특징 - 타입스크립트는 '프로그래밍 언어'이다. - 타입스크립트는 'Compiled Langauge' 이다. - 전통적은 Compiled Langauge 와는 다른 점이 많다. - Transpile 이라는 용어를 사용하기도 한다. - 자...
타입 시스템에서는 Type variance(타입가변성)이라는 개념이 있습니다. 타입과 서브타입의 관계를 서술한 것들인데 언어마다 각기 다른방식으로 동작합니다. 함수형언어의 경우는 타입가변성을 조절 할 수도 있습니다. Type variance에는 무엇이 있을까 * 공변 (covariane) * 반공변 (contravariance) * 무공변(invari...
![[책 리뷰] 타입스크립트 퀵스타트](https://thumb.velog.io/resize?url=https://images.velog.io/post-images/honeysuckle/a1b3c910-fc44-11e8-ad9f-dd6f61b322d9/typescript.jpg&width=512)
평점 : ★★★★☆ 4.5 요즘 추세가 프레임워크를 가리지 않고 타입스크립트를 사용하는 경우가 많아지고 있고, 리액트와 타입스크립트를 사용하여 조그마한 프로젝트를 하게되어서 구매하였습니다. 일단 타입스크립트 관련 국내 서적이 몇 권 없습니다. 타입스크립트 검색을 통해 서적들을 살펴보면 몇 권 있는 책들도 Angular에 관련된 책들이고 Angular를 ...
최근 집에서 쉬는 시간에 한국의 해커뉴스를 타깃으로 하는 리드포스트라는 웹사이트를 개발하고 있습니다. (물론 만들다보니 욕심때문에 해커뉴스와는 전혀 다른 사이트가 되어가고 있습니다. 😆) 회사에서는 적용하지 못한 실험적인 것들을 이 사이드 프로젝트를 진행하면서 많이 적용해보고 있습니다. 그 중에서 오늘은 TypeScript 환경에서 Redux의 Boile...
