# typescript

230개의 포스트

타입선언과 타입추론

타입선언 - 우리가 이 데이터의 타입이 무엇인지 타입스크립트에게 말해주는 것.타입추론 - 타입스크립트가 이 데이터의 타입이 무엇인지 스스로 추론하는 것.보통은 타입 추론에 의지하고 아래의 경우와 같이 타입선언은 꼭 필요할 때 합시다.1) 함수가 any타입을 리턴할 때

어제
·
0개의 댓글

interface

객체의 구조를 정의합니다.

어제
·
0개의 댓글

TDD(Test-driven development)

이번 프로젝트에서 TDD(Test-driven development) 방식을 도입했었다 나는 트랙과 스케쥴에 관한 API를 TDD로 진행하기로 하고 먼저 테스트 작성에 들어갔다 테스트를 얼추 작성하고 테스트를 실행하였는데 Mocha를 Typescript에서 찾지를 못해

3일 전
·
0개의 댓글
post-thumbnail

[TypeScript 기본 이론] #6 Enums(열거형)

열거형은 이름이 있는 상수들의 집합을 정의할 수 있다. 무슨 소리인지 아래 읽다보면 알 것이다. 기본적으로 TS는 숫자와 문자열 기반 열거형을 제공한다.이렇게 Up=1로 초기화하면 Down=2, Left=3, Right=4의 값을 가진다. 아래처럼 초기화하지 않아도 된

3일 전
·
0개의 댓글
post-thumbnail

typesafe-actions 활용하기

TypeScript로 redux 활용하기 최근 typescript로 react앱을 만들어 보던 중 redux, 특히 redux-saga 활용 시 불편한 점이 많아 이것저것 찾아보다보니 typesafe-actions라는 패키지가 있어서 간단한 활용법을 소개하고자 한다.

3일 전
·
0개의 댓글
post-thumbnail

[TypeScript 기본 이론] #5 Generic

제네릭은 타입을 불문하고 동작하는 것을 말한다. 즉, 함수에 인수를 넘길 때 타입 인수도 넘기기 때문에 타입에 관한 어떠한 정보도 잃지 않는다. any를 쓰는 것과는 다르다. any를 쓰게 되면 만약 number타입을 넘기더라도 any타입이 반환된다는 정보만 얻을 뿐이

6일 전
·
0개의 댓글
post-thumbnail

[TypeScript 기본 이론] #4 Function

지금까지 배웠던 함수의 타입을 표현하는 방식은 다음과 같았다.다음과 같이 반환타입 전에 =>을 사용하는 표기법도 있다. 타입을 좀 더 명확하게 선언할 수 있다.위의 예제로 설명하면 방정식의 한 쪽에만 타입을 선언해도 TS 컴파일러가 알아서 타입을 추론할 것이다. 이를

6일 전
·
0개의 댓글
post-thumbnail

[TypeScript 기본 이론] #3 Class

기존 JS에서는 재사용 컴포넌트를 만들기 위해 함수, 프로토타입-기반 상속을 사용했어. 객체 지향방식에 익숙한 개발자는 굉장히 어색했을거야. 그러다, ES6부터 객체 지향의 클래스 기반 상속을 지원했기 때문에 TS에서는 이러한 기법들을 사용할 수가 있어.클래스의 기본적

6일 전
·
0개의 댓글
post-thumbnail

Instagram & Web 연동

인스타그램 웹 연동 사이트 https://studio-jt.co.kr/%EC%9D%B8%EC%8A%A4%ED%83%80%EA%B7%B8%EB%9E%A8-api-instagram-graph-api-instagram-api-v2-%EC%97%B0%EB%8F%99%

2020년 7월 2일
·
0개의 댓글
post-thumbnail

[TypeScript 기본 이론] #2 Interface

TypeScript의 핵심 원칙 중 하나는 타입 검사가 값의 형태에 초점을 맞추고 있다는 거야. 이를 "duck typing" 또는 "structural subtyping" 이라고 해. 간단한 예시를 한번 보여줄게.실제로는 label 프로퍼티말고 다른 프로퍼티도 가지고

2020년 6월 30일
·
0개의 댓글
post-thumbnail

타입스크립트 적용기,서버 라우팅 작업

타입스크립트는 마이크로소프트사에서 개발한 자바스크립트 상위 호환 언어이다 타입스크립트는 자바스크립트 엔진을 사용하기 때문에 자바스크립트 프로그램을 그대로 가져다 사용할 수 있다 타입스크립의 특징을 타입을 직접 정해 줄 수 있기 때문에 정적 타입언어에서 지원하는 컴파일

2020년 6월 30일
·
0개의 댓글

Typescript - 고급타입

2020년 6월 30일
·
0개의 댓글
post-thumbnail

[TypeScript 기본 이론] #1 Basic Types

16진수, 10진수, 2진수, 8진수까지 지원한다.TypeScript에서도 템플릿 문자열을 지원한다.배열 타입은 두 가지 방법으로 쓸 수 있다.<1><2> 제네릭 배열 타입 Array<eleType>튜플 타입은 요소의 타입과 개수가 고정된 배열을 말한다

2020년 6월 29일
·
0개의 댓글
post-thumbnail

REACT CRA Typescript (OS WINDOW10) 초기세팅하기

CRA도 기본 javascript환경외에 typescript 환경도 가능함.처음 빌드 파일들을 설치하는 명령어로 초기 빌드 구성.\* 만약 기존 javascript로 빌드된 CRA에서 typescript를 사용하고자 한다면 업그레이드 하는 다른 명령어가 있음. 필요시

2020년 6월 28일
·
0개의 댓글
post-thumbnail

[typescript] !!!✍️

프로젝트 내에 설치한 typescript 패키지를 사용하여 컴파일 하고 싶을 땐 다음과 같은 작업을 따라주어야 한다.typescript를 로컬 패키지로 설치하기다음에는 package.json 파일을 열어서 다음과 같이 build 스크립트를 만들고추후 빌드를 할 때 ya

2020년 6월 25일
·
0개의 댓글

Typescript - 클래스

2020년 6월 24일
·
0개의 댓글

TypeScript - 함수

// 함수function add(a: number, b: number): number { return a + b}// 함수의 매개변수는 타입을 추론하지 않는다.// 반환 타입은 자동으로 추론하지만 원하면 명시 할 수 있다.// 함수을 구현하는 표현식// 이름을 붙인

2020년 6월 23일
·
0개의 댓글
post-thumbnail

TypeScript

참고https://heropy.blog/2020/01/27/typescript/

2020년 6월 23일
·
0개의 댓글
post-thumbnail

[React Native] Typescript 템플릿 사용하기

Typescript로 작성된 React Native 앱을 만들고 싶어졌다.직접 Typescript 세팅을 하자니 귀찮고 번거로워서 커뮤니티에 Typescript 템플릿이 있는지 검색해보았다. 두둥등장!바로 적용해보았다.App.tsx 파일이 tsx 파일로 생성이 되었다!

2020년 6월 22일
·
0개의 댓글
post-thumbnail

[TypeScript] Interface와 Type의 상속

Interface와 Type는 사용상에 있어서 닮은 점이 많아 정리하고자 한다. 상속 방법 Interface와 Type 둘 다 상속할 수 있지만 방식이 조금 다르다. Interface Type Interface가 Type을 상속 참고 자료 https://typescript-kr.github.io/ https://stackoverflow.com/qu...

2020년 6월 21일
·
0개의 댓글