일일 커밋 알림 어플

기획 키워드

• 타겟: 일일 커밋을 목표로 하는 개발자 = 승민이와 나, 개발자의 자기관리
• 오늘 커밋이 없으면, 1시간(옵션 조절 가능)마다 알림 메세지 발송
• 위젯 넣어서, 하루 커밋 개수 확인

📖 Quick Start Typescript 을 읽고, 간단히 몰랐던 부분이나 중요하다고 생각되는 부분을 작성

12장 비동기 처리

📝395p. 브라우저 Promise 지원 현황

IE 지원 안함

Chrome 57 이상

📖 Quick Start Typescript 을 읽고, 간단히 몰랐던 부분이나 중요하다고 생각되는 부분을 작성

11장 제네릭

📝361p 제네릭 소개

제네릭(generics)은 클래스와 함수에 타입이 고정되는 것을 방지하고 재사용할 수 있는 요소를 선언할 수 있게 하는 것

기존 C#, JAVA에서 제공되었던 기능, 타입스크립트는 0.9부터 지원

📖 Quick Start Typescript 을 읽고, 간단히 몰랐던 부분이나 중요하다고 생각되는 부분을 작성

10장 타입 선언과 변경, 타입 호환

📝342p. 타입 캐스팅과 타입 변환의 차이

명시적인 것의 차이

타입 캐스팅(type casting): 명시적으로 선언한 캐스팅 코드에 의한 타입 변경

📖 Quick Start Typescript 을 읽고, 간단히 몰랐던 부분이나 중요하다고 생각되는 부분을 작성

9장 고급 타입

📝315p. 유니언 타입

1

const x: string | number;

📖 Quick Start Typescript 을 읽고, 간단히 몰랐던 부분이나 중요하다고 생각되는 부분을 작성

8장 모듈

📝253p. 모듈 필요성

1. 유지보수

Vue에서의 JSX 사용법 정리

Vue 공식 홈페이지에서 JSX에 대한 사용법이 자세히 명시되어있지 않아 정리함

이 사이트를 중심으로 재정리함 (중국어를 하나도 몰라서, 번역은 아님)

개인적 코드 스타일

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

<template>
  <div>
    <ChildElement />
  </div>
</template>

<script lang="tsx">
import { Vue, Component } from 'vue-property-decorator';
import { VNode } from 'vue';

type ChildComponent = any;

// # 메뉴바
const ChildElement: ChildComponent = {
	render(): VNode {
		return (
			<div>Test</div>
		);
	},
};

@Component({
	components: {
		ChildComponent,
	},
})
export default class Test extends Vue {

}


<style scoped></style>

📖 Quick Start Typescript 을 읽고, 간단히 몰랐던 부분이나 중요하다고 생각되는 부분을 작성

분량이 많아, 이미 아는 내용이나 자주 사용하는 부분은 생략함

7장 클래스와 인터페이스 목차

📝183p. 타입스크립트의 객체지향 프로그래밍 지원

객체지향의 목적은 코드 중복을 최소화

📖 Quick Start Typescript 을 읽고, 간단히 몰랐던 부분이나 중요하다고 생각되는 부분을 작성했습니다.

6장 함수 목차

1. 사용법 (Js vs Ts 비교)

📖 Quick Start Typescript 을 읽고, 간단히 몰랐던 부분이나 중요하다고 생각되는 부분을 작성했습니다.

Typescript 학습하는 목적으로 이해도가 높지 못해, 작성시 참고한 링크를 작성했습니다.

📝p134. 산술 연산자

ES7의 지수 연산자(Math.pow)를 지원, **를 이용