const express = r …



이렇게 하나로 다 합쳐 놓으면 먹기는 좋다

컴파일 하기 쉽게 코드 작성하기

Intersection 보다 Interface 선호

보통은 object type에 대한 간단한 type alias는 interface와 아주 비슷하게 동작합니다.

interface Foo { prop: string };
type Bar = { prop: string };


  1. Type check util
const isOfType = (() => {  // create a plain object with no prototype  const type = Object.create(null);  // check for null type  type.null = x => x === null;  // check for undefined type  type.undefined = x => x === undefined;  // check for nil type. Either null or undefined  type.nil = x => type.null(x) || type.undefined(x);  // check for strings and string literal type. e.g: 's', "s", `str`, new String()  type.string = x => !type.nil(x) && (typeof x === 'string' || x instanceof String);  //…

Package 병렬 설치

npm 은 여러 package를 설치할 때, 각각의 package가 완전히 설치되고 나서 다음이 설치됩니다. (순차적). Yarn은 병렬로 처리되서 performance와 speed가 증가 됩니다.

자동 Lock file 생성

npm, yarn 둘 다 package.json에 버전을 명시하고 의존성은 추적 관리하고 있습니다. 버전에 ^를 붙이게 되면 package manaager는 새로운 버전이 배포 되었는지 체크합니다. 새로운 버전이 있으면 명시된 버전이 아닌 최신 버전이 설치 됩니다. 자동으로 …


Variadic Tuple Types

function tail<T extends any[]>(arr: readonly [any, . …

Don’t be shy.
// Parent component
<template>
<child @doParentsMethod="doSomething"></child></template><script>export default { methods: { doSomething: function(paramsFromChild) { return 'return this'; }, },};
// Child …

cactus
cactus

1. Vue slot


import React, { useState } from 'react';function Example() {
// 새로 state 변수를 선언하고 이를 'count' 라고 부르겠습니다.
const [count, setCount] = useState(0);
return (
<div>
<p>You clicked {count} times</p>
<button onClick={() => setCount(count + 1)}>
Click me
</button>
</div>
);
}

Dongmin Jang

Slow starter..

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store