TypeScript

[타입스크립트] 골뱅이 @ 데코레이터

https://m.blog.naver.com/pjt3591oo/222120496022 [typescript] 타입스크립트 데코레이터 1편 - 데코레이터 4가지 기본구조 알아보기 안녕하세요. 멍개입니다 이번글에서는 타입스크립트에서 지원하는 데코레이터의 기본구조를 알아보겠습니다... blog.naver.com https://sleepybird.tistory.com/158 [199일차]타입스크립트 데코레이터 Reference 🗂공식문서 타입스크립트 데코레이터 네스트나 앵귤러같은 프레임워크를 마주하다보면 심심치않게 볼수있는녀석이 있다. 바로 이 골뱅이가 붙어진 '데코레이터' 라고 불리는 녀석이다 sleepybird.tistory.com 골뱅이가 붙어진 '데코레이터' 라고 불리는 녀석 타입스크립트에만 있는건 아니..

[타입스크립트 예제] 정규 표현식 regex, 유튜브에서 id값만 추출해서 EMBED 해보기

https://youtu.be/t3M6toIflyQ 개발자라면 정규표현식은 꼭 쓰게되기 때문에 하루 날 잡고, 알아두는 것이 좋음 *엘리님 영상을 보고 학습한 포스팅입니다. 어떻게 원하는 패턴을 작성해나가는지가 중요 포인트이다. 📓 영상에서 언급된 자료들 깃허브 정리 ⇢ https://github.com/dream-ellie/regex RegexOne(퀴즈) ⇢ https://regexone.com/ GitHub - dream-ellie/regex Contribute to dream-ellie/regex development by creating an account on GitHub. github.com RegexOne - Learn Regular Expressions - Lesson 1: An Intr..

[타입스크립트] declare namespace

https://velog.io/@kmp1007s/Typescript-%EB%AA%A8%EB%93%88%EA%B3%BC-%EA%B4%80%EB%A0%A8%EB%90%9C-%EC%9D%B4%EC%95%BC%EA%B8%B0

[타입스크립트] 유용한 익스텐션, Auto import

자동 임포트

[타입스크립트] .d.ts 에 대한 이해

https://typescript-kr.github.io/pages/declaration-files/creating-dts-files-from-js.html https://spookyjelly.tistory.com/39 .d.ts 에 대한 이해가 있어야 한다. Js 파일은 js 파일끼리만 바라볼 수 있다 Ts 파일은 ts 파일끼리만 바라볼 수 있다 TypeScript 3.7에서, TypeScript는 JSDoc 구문을 사용한 JavaScript에서 .d.ts 파일을 생성할 수 있게 되었다. 🔑.d.ts 파일은 기존 JS 모듈을 타입스크립트에서 사용하기 용이하도록 기존 JS 모듈의 타입정보를 별도의 파일로 선언한것🔑 🧨d.ts 파일은 타입선언만 이루어짐을 유의🧨 d.ts 작성법 @types 안에 해당 모듈..

[타입스크립트] ! Non-null assertion operator

!: 이란? 느낌표를 지우고 나오는 에러 : 'ui'은(는) 이니셜라이저가 없고 생성자에 할당되어 있지 않습니다.ts(2564) 타입스크립트가 혹시 null일지도 모르는 대상에 컴파일에러라인 띄워주는데 프로그래머가 null이 아니라고 확신이 있을때에 TSC Null체크에 예외 처리 해주는 것 https://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-0.html#non-null-assertion-operator Non-null assertion operator A new ! post-fix expression operator may be used to assert that its operand is non-null and non-und..

타입스크립트 + 리덕스

https://devlog-h.tistory.com/33 Typescript에서 Redux를 사용해보자 안녕하세요 휴몬랩 초보 개발자 차암새입니다. 이번 시간에는 Typescript 환경에서 Redux를 사용해보겠습니다. Redux는 React 상에서 state관리가 힘들 수 있는 부분을 보완하기 위해 만들어졌습니다. ※ devlog-h.tistory.com

[타입스크립트] 팩토리 패턴

1번 방식 interface Shoe { purpose: string; } class BalletFlat implements Shoe { purpose = "dancing"; } class Boot implements Shoe { purpose = "woodcutting"; } class Sneaker implements Shoe { purpose = "walking"; } class ShoeFactory { static create(Type: "balletFlat" | "boot" | "sneaker"): Shoe { switch (Type) { case "balletFlat": return new BalletFlat(); break; case "boot": return new Boot(); break..

[타입스크립트] 연습용으로 자주 사용하는 세팅

설치와 변환 한줄 요약 node.js 설치 → npm i -g typescript → tsconfig.json 생성 → tsc -w ts는 브라우저에서도 node에서도 읽히지 않는다. ts는 js 코드로 변환해주어야 한다. index.ts를 만들었다면 tsc index.ts 란 명령어를 입력 main.js란 파일이 새로 생성된다. 이 변환된 js는 이제 브라우저나 node에서 읽을 수 있다. ts를 js로 매번 수동 변환 tsc 파일명.ts 노드에서 간편하게 실행 ts-node 설치 명령어: 내부적으로 타입스크립트 코드를 자바스크립트 코드로 변환해서 노드에서 실행하는 것을 한번에 할 수 있도록 도와주는 툴 npm install -g ts-node 설치 후 가령 index.ts를 실행하고 싶다면 ts-no..

[타입스크립트] 타입스크립트 컴파일러(Typescript Compiler, TSC)

컴파일러 타입스크립트 컴파일러(Typescript Compiler, TSC) 타입스크립트는 자바스크립트나 자바 같은 주요 언어와는 다른 방식으로 동작 프로그램은 프로그래머가 작성한 다수의 텍스트 파일로 구성된다. 텍스트를 컴파일러가 파싱하여 추상 문법 트리(abstract syntax tree, AST)라는 자료구조로 변환 컴파일러가 AST를 바이트코드로 변환 런타임 프로그램에 2에서 변환된 바이트코드를 입력, 평가 후 결과얻음. 즉, 프로그램 실행이란, 컴파일러가 소스 코드를 파싱해 AST로 만들고, 다시 AST를 바이트코드로 변환한 것을 런타임이 평가하도록 지시하는 것 타입스크립트는 컴파일러가 소스 코드를 자바스크립트 코드로 변환한다(바이트코드X). 타입스크립트는 코드는 언제 안전해지는가. 타입스크립..