# ts

TS 탐험기 2
오늘은 callback 함수를 인자로 받기위한 타입을 설정해주는 과정에서 새로운 놈(?)을 발견했다!🧐 바로 이녀석. 이놈에 대해 한번 알아보고자 한다.기본적으로 react는 개별적인 이벤트 시스템을 가지고 있다. 그렇기 때문에 일반적으로 typical MouseE

TS탐험기
React + JS 조합으로 개발을 이어나가던 어느날...인턴십을 하게 되면서 주변 개발자 분들에게 TS 영업을 당했다..인턴십이 끝난 지금을 기회삼아 Js에서 Ts로 넘어갈까 싶어 Ts로 가벼운 React 프로젝트를 하며 몰랐던 개념에 대해 정리해나가기로 했다...(

[React Native with TS] 타입스크립트로 리액트네이티브 boilder plate 만들기 (2)스택네비게이션 만들기 (React Navigation 5.0+)
이 글은 https://levelup.gitconnected.com/react-native-react-navigation-b27ab272e09b 을 보고 작성되었습니다.여기서는 타입스크립트를 이용하여 아주 기본적인 리액트네이티브 스택네비게이션을 만들어보도록 한

TIL68. React + TypeScript 기본세팅
리액트 + 타입스크립트 기본세팅방법에 대해 정리해보자.react + ts + prttier에 eslint 설정, airbnb 규칙 적용(tslint대신 eslint설치)npm i -D eslint eslint-config-airbnb eslint-config-prett

[React Native with TS] 타입스크립트로 리액트네이티브 boilder plate 만들기 (1)리액트 네이티브 앱 Typescript 로 세팅하기
이 글은 https://medium.com/@vdelacou/set-up-react-native-app-with-typescript-6c775e512336 을 보고 작성되었습니다.이번 주 목표는 기존에 JS 로 작성하고 있던 주식앱을 TS 로 마이그레이션 하는

TIL67. Utility Type
고급 타입인 'utility type' 몇가지를 살펴보자. 유틸리티 타입 이미 정의해 놓은 타입을 변환할 때 사용하기 좋은 문법이다. 기존의 인터페이스, 제네릭 등의 기본 문법으로 충분히 타입을 변환할 수 있지만 유틸리티 타입을 사용하면 훨씬 간결한 문법을 타입을 정

TIL66.타입 추론&타입 단언&타입 가드&타입 호환
타입스크립트가 타입을 추론을 해나가는 과정 및 단언과정 등에 대해 알아보자.타입 추론이란 타입스크립트에서 타입이 지정되어 있지 않은 경우, 코드를 해석하여 타입을 유추해나가는 동작을 말한다.일일이 변수를 선언할 때마다 타입을 선언해야하고 필요한 타입을 정의해야하는 번거

65. Generics
C타입스크립트에서 타입을 마치 함수의 파라미터처럼 사용하는 것을 의미한다.제네릭을 사용하면 클래스나 함수의 목적 중 하나인 재사용성이 증가한다. 한가지 타입보다 여러가지 타입에서 동작하는 컴포넌트를 생성하는데 사용된다.기존 타입 정의방식의 문제점이 무엇인지 파악하고,

[TS] Refused to execute script from '*.ts' because its MIME type ('video/vnd.dlna.mpeg-tts') is not executable.
Refused to execute script from '\*.ts' because its MIME type ('video/vnd.dlna.mpeg-tts') is not executableTypeScript코드를 브라우저에서 실행시켰다.TypeScript코드를 Jav

TIL63. Union Type & Enums
특정 인자나 변수에 한가지 이상의 타입을 사용하고 싶을 때 사용한다. 자바스크립트의 OR연산자(||)와 같이 a이거나 b이다 라는 의미이다.'MONG'이란 변수에는 string, number, boolean 타입을 모두 사용할 수 있다.여러 타입을 모두 만족하는 하나의