# ts
[JavaScript] Call Stack & Execution Context
오늘은 JS에서 Call Stack과 Execution Context에 대한 개념을 알아보려고 한다. 먼저 간단한 예시로 운을 띄워 보자 React-Native 빌드를 하면 실행 중에 다음과 에러를 마주할 때가 있다. 꼭 RN 개발이 아니더라도, 모바일이나 웹 개
TS 2일차
Type guard를 사용하면 조건문에서 객체의 타입을 좁혀나갈 수 있다.typeofinstanceofin리터럴 Type Guard ( 리터럴 값의 경우 === / == / !== / != 연산자를 사용해 타입을 구분할 수 있다)null과 undefined (stric
Ts 1일차
기본글이지만 혼자 정리해보려고 한다.numberstringbooleanbigint(최신기준 숫자타입과 비슷하지만 더 큰 숫자가능)symbolnullundefindObject: \- function \- array etc number(음수도 가능)string boo
Erro & TIL. [TS] 함수 리턴 값이 2가지 이상 일때, Generics 으로 타입 지정하기
유니온 타입(Union Type)이란 자바스크립트의 OR 연산자(||)와 같이 A이거나 B이다 라는 의미의 타입입니다. 함수 getData는 상황에 따라, 타입 앨리어스로 지정한 NewsFeed\[] 타입 혹은 NeswDetail 타입을 반환값으로 갖습니다.이를 표현하
TypeScript 강의 정리: 차세대 JS와 TS
1. var, let, const var는 예전부터 JS에서 변수를 선언하기 위해 사용되어 왔고, let과 const는 ES6 버전부터 사용되기 시작됐다. const는 말그대로 상수(constant)를 설정해주기 위한 것으로 절대로 변하지 않을 값을 지정할 때 사용한다. let은 재할당될 수 있는 변수값을 지정할 때 사용한다. 그렇다면 let과 var가...
TypeScript 강의 정리: TS컴파일러
1. Watch mode(개별 파일 컴파일) 파일을 수정할 때마다 일일이 컴파일해주기 귀찮으니까 파일을 수정하고 저장할 때마다 알아서 컴파일해주도록 도와주는 모드 tsc 파일.ts -w 파일별로 일일이 사용해줘야 되므로 대형 프로젝트에는 적합하지 않다. 2. 전체/다수 파일 컴파일 프로젝트 폴더 위치(경로 꼭 확인)에서 'tsc --init'을 입력하면...
TIL. [TS] null 타입 지정 시 문제 해결.-타입 가드
어떤 유형의 값이 2가지가 들어 올 때, 그 중 1가지가 null인 즉, 데이터가 없는 케이스에서 무작정 데이터가 당연히 있다고 생각하고 속성을 접근했을 경우, 잊지 않고 null을 체크하라! 변수 container에 두개의 타입(HTMLElement | null)을
타입스크립트 - Type Assertion (타입주장)
타입 스크립트의 TypeAssertion은 이 타입으로 주장하겠다는 의미이다.여기서 타입을 주장한다는 무엇일까?예를 들어 다음과 같은 코드가 있다고 가정해보자.타입스크립트에서는 a의 타입이 확정되지 않았기 때문에 위 코드에서는 에러 를 발생시킨다.number인지, st
TS스크립트-Generic
타입스크립트 에서 Generic을 알아보고 이를 이용해서 !HOC - HOF - COOKIE - LocalStroage - SessionStroage까지 공부해보고자 한다! 이번 포스팅은 타입스크립트에서 어마무시한 타입인 Generic을 한번 살펴보자! any unkn
TypeScript 강의 정리: 데이터 타입
1. TS 주요 데이터 타입 : number(실수), string, boolean, object, array, tuple, enum(열거형), any 등 > - tuple 같은 경우는 python 같은 언어에서는 있는 데이터 형태이지만 JS에는 기본적으로 내재되어 있지 않은 데이터 타입이다. TS는 tuple 데이터 타입 또한 사용할 수 있게 해준다. t...
TypeScript 강의 정리: TS를 왜 사용하는가
1. TypeScript란? TypeScript는 이미 존재하고 있는 JavaScript를 바탕으로 만들어진 '언어+컴파일러'이다. 즉 TS의 형태로 코드를 작성하고 컴파일러를 통해 이를 JS의 형태로 다시 변환하여 사용할 수 있게 한다. 2. TypeScript를 쓰는 이유 TS는 웹에서 다루는 데이터들의 형태를 잡아주기 때문에 기술적, 논리적으로 생...
타입스크립트 - Narrowing : typeof
네로잉, 일명 타입 좁히기란 무엇일까?유니온 타입처럼 여러 타입이 될 수 있는 경우 이 타입도, 저 타입도 확정이 되어 있지 않은 상태라고 볼 수 있다.이때 타입을 하나로 확정 시켜주는 것을 Narrowing 이라고 칭한다.타입을 좁힐 때 사용하는 방법 중 하나이다.t
TS 기초
타입 종류numberstringbooleanobject : 원시타입이 아닌 나머지 모두array : 배열내부 데이터타입도 지정 가능 :number\[] or Arraynullundefinedtuple : 고정크기 배열 표현, 서로 다른 타입을 튜플속에 담을 수 있다.e
TypeScript와 JavaScript 장단점, TS 특징
TS란 무엇인가? JS만을 사용하여 개발하고 있지만, 미래 나를 위해서 TS는 필수라고 많이 들었다. 오늘 Effective Typescript책과 강의를 하나 삿는데 , 수강전에 기본적인 지식을 정리하고 들어가려고 한다. 왜 많은 사람들이 TS를 적극 추천하고 사용
타입스크립트 - tsconfig.json, 변수, 함수에 타입 지정하기
TS 공부 한다고 해놓고 계속 미루고 미루다 이제야 한다..ㅋㅋㅋㅠ tsconfig.json 파일 만들기 tsconfig.json 파일은
Axios Interceptors를 이용하여 Loading 구현하기 with TS
내가 Axios Interceptors를 이용해서 Loading을 구현하는 방법
VS code Extension 개발 3 (터미널 활용 2)
개발환경 mac 터미널에서 쉘 스크립트 사용하기 터미널1에서 만든 기능을 쉘스크립트를 활용하여 구현하려고 한다. 프로젝트 주소 받아오기 extension.ts-activate 함수에 브레이크 포인트를 걸고 지난번에 만든 Make Folder 기능을 실행하면 디