# typescript
타입선언과 타입추론
타입선언 - 우리가 이 데이터의 타입이 무엇인지 타입스크립트에게 말해주는 것.타입추론 - 타입스크립트가 이 데이터의 타입이 무엇인지 스스로 추론하는 것.보통은 타입 추론에 의지하고 아래의 경우와 같이 타입선언은 꼭 필요할 때 합시다.1) 함수가 any타입을 리턴할 때
TDD(Test-driven development)
이번 프로젝트에서 TDD(Test-driven development) 방식을 도입했었다 나는 트랙과 스케쥴에 관한 API를 TDD로 진행하기로 하고 먼저 테스트 작성에 들어갔다 테스트를 얼추 작성하고 테스트를 실행하였는데 Mocha를 Typescript에서 찾지를 못해
[TypeScript 기본 이론] #6 Enums(열거형)
열거형은 이름이 있는 상수들의 집합을 정의할 수 있다. 무슨 소리인지 아래 읽다보면 알 것이다. 기본적으로 TS는 숫자와 문자열 기반 열거형을 제공한다.이렇게 Up=1로 초기화하면 Down=2, Left=3, Right=4의 값을 가진다. 아래처럼 초기화하지 않아도 된
typesafe-actions 활용하기
TypeScript로 redux 활용하기 최근 typescript로 react앱을 만들어 보던 중 redux, 특히 redux-saga 활용 시 불편한 점이 많아 이것저것 찾아보다보니 typesafe-actions라는 패키지가 있어서 간단한 활용법을 소개하고자 한다.
[TypeScript 기본 이론] #5 Generic
제네릭은 타입을 불문하고 동작하는 것을 말한다. 즉, 함수에 인수를 넘길 때 타입 인수도 넘기기 때문에 타입에 관한 어떠한 정보도 잃지 않는다. any를 쓰는 것과는 다르다. any를 쓰게 되면 만약 number타입을 넘기더라도 any타입이 반환된다는 정보만 얻을 뿐이
[TypeScript 기본 이론] #4 Function
지금까지 배웠던 함수의 타입을 표현하는 방식은 다음과 같았다.다음과 같이 반환타입 전에 =>을 사용하는 표기법도 있다. 타입을 좀 더 명확하게 선언할 수 있다.위의 예제로 설명하면 방정식의 한 쪽에만 타입을 선언해도 TS 컴파일러가 알아서 타입을 추론할 것이다. 이를
[TypeScript 기본 이론] #3 Class
기존 JS에서는 재사용 컴포넌트를 만들기 위해 함수, 프로토타입-기반 상속을 사용했어. 객체 지향방식에 익숙한 개발자는 굉장히 어색했을거야. 그러다, ES6부터 객체 지향의 클래스 기반 상속을 지원했기 때문에 TS에서는 이러한 기법들을 사용할 수가 있어.클래스의 기본적
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%
[TypeScript 기본 이론] #2 Interface
TypeScript의 핵심 원칙 중 하나는 타입 검사가 값의 형태에 초점을 맞추고 있다는 거야. 이를 "duck typing" 또는 "structural subtyping" 이라고 해. 간단한 예시를 한번 보여줄게.실제로는 label 프로퍼티말고 다른 프로퍼티도 가지고
타입스크립트 적용기,서버 라우팅 작업
타입스크립트는 마이크로소프트사에서 개발한 자바스크립트 상위 호환 언어이다 타입스크립트는 자바스크립트 엔진을 사용하기 때문에 자바스크립트 프로그램을 그대로 가져다 사용할 수 있다 타입스크립의 특징을 타입을 직접 정해 줄 수 있기 때문에 정적 타입언어에서 지원하는 컴파일
[TypeScript 기본 이론] #1 Basic Types
16진수, 10진수, 2진수, 8진수까지 지원한다.TypeScript에서도 템플릿 문자열을 지원한다.배열 타입은 두 가지 방법으로 쓸 수 있다.<1><2> 제네릭 배열 타입 Array<eleType>튜플 타입은 요소의 타입과 개수가 고정된 배열을 말한다
REACT CRA Typescript (OS WINDOW10) 초기세팅하기
CRA도 기본 javascript환경외에 typescript 환경도 가능함.처음 빌드 파일들을 설치하는 명령어로 초기 빌드 구성.\* 만약 기존 javascript로 빌드된 CRA에서 typescript를 사용하고자 한다면 업그레이드 하는 다른 명령어가 있음. 필요시
[typescript] !!!✍️
프로젝트 내에 설치한 typescript 패키지를 사용하여 컴파일 하고 싶을 땐 다음과 같은 작업을 따라주어야 한다.typescript를 로컬 패키지로 설치하기다음에는 package.json 파일을 열어서 다음과 같이 build 스크립트를 만들고추후 빌드를 할 때 ya
TypeScript - 함수
// 함수function add(a: number, b: number): number { return a + b}// 함수의 매개변수는 타입을 추론하지 않는다.// 반환 타입은 자동으로 추론하지만 원하면 명시 할 수 있다.// 함수을 구현하는 표현식// 이름을 붙인
[React Native] Typescript 템플릿 사용하기
Typescript로 작성된 React Native 앱을 만들고 싶어졌다.직접 Typescript 세팅을 하자니 귀찮고 번거로워서 커뮤니티에 Typescript 템플릿이 있는지 검색해보았다. 두둥등장!바로 적용해보았다.App.tsx 파일이 tsx 파일로 생성이 되었다!
[TypeScript] Interface와 Type의 상속
Interface와 Type는 사용상에 있어서 닮은 점이 많아 정리하고자 한다. 상속 방법 Interface와 Type 둘 다 상속할 수 있지만 방식이 조금 다르다. Interface Type Interface가 Type을 상속 참고 자료 https://typescript-kr.github.io/ https://stackoverflow.com/qu...