타입스크립트 class visibility - 타입스크립트 TypeScript 강좌 12편

안녕하세요? 오늘은 타입스크립트의 class에 대해 알아 보겠습니다. class는 다른 언어에서도 제공하고 있고 예전에는 객체지향 프로그래밍이 아주 유행했었는데요. C++ 의 Qt 나 윈도우즈의 MFC 라이브러리 모두 class를 이용한 결과입니다. class는 사용하면 아주 강력한 기능이 될 수 도 있는데요. 유지 보수가 어려워 그냥 함수형 프로그래밍 같이 직관적인 프로그래밍이 요즘 대세가 되었습니다. 본인도 class는 React 프로그래밍에서는 잘 안 쓰는데요. 그래도 타입스크립트에서 제공하는 class 기능을 잠깐 맛보기로 알아 보도록 하겠습니다. 예제를 들어 설명할까 하는데요. 간단한 데이터베이스 DB를 class로 만들어 볼까요? interface Database { get(id: string..

• format_list_bulleted 코딩/Typescript
• · 2021. 12. 12.
• textsms

타입스크립트 readonly Immutability - 타입스크립트 TypeScript 강좌 10편

안녕하세요? 이번 시간에는 타입스크립트의 Immutability에 대해 알아 보겠습니다. 간혹가다가 코드를 짤 때 변경되지 않았으면 하는 데이터 타입이 있습니다. 이럴 때는 어떻게 해야 할까요? const로 변수를 지정하면 변수값은 변경되지 않는데요. 객체의 경우에는 const 로 선언해도 객체의 내용이 변경될 수 있습니다. 다음 예를 들어 설명해 볼까요? interface Cat { name: string; breed: string; } function makeCat(name: string, breed: string): Cat { return { name, breed } } const kihun = makeCat("squid cat", "squidGame") kihun.name = "kihun" Cat..

• format_list_bulleted 코딩/Typescript
• · 2021. 12. 12.
• textsms

타입스크립트 Utility Types - 타입스크립트 TypeScript 강좌 9편

안녕하세요? 이번 시간에는 타입스크립트에서 자체적으로 제공하는 Utility Types에 대해 알아 보겠습니다. https://www.typescriptlang.org/docs/handbook/utility-types.html Documentation - Utility Types Types which are globally included in TypeScript www.typescriptlang.org 공식 홈페이지를 보면 Utility Types으로 제공하는게 아주 많은 데요. 우리는 가장 많이 쓰이는 몇가지에 대해 예를 들어 알아 보겠습니다. 1. Partial 먼저 Partial에 대해 알아 보겠습니다. Partial을 언제 쓰이는지는 예를 들어 보면 쉽게 이해 할 수 있습니다. 다음과 같이 My..

• format_list_bulleted 코딩/Typescript
• · 2021. 12. 12.
• textsms

타입스크립트 옵셔널 체이닝(Optional Chaining) - 타입스크립트 Typescript 강좌 5편

안녕하세요? 오늘은 지난 시간에 잠깐 알아 보았던 타입스크립트의 옵셔널 체이닝(Optional Chaining)에 대해 알아 보겠습니다. 예제를 작성해 가면서 알아볼겠습니다. 1. 옵셔널 파라미터(Optional Parameters) function printIngredient(quantity: string, ingredient: string) { console.log(`${quantity} ${ingredient}`); } printIngredient("1C", "Flour"); 먼저, 레시피를 출력하는 함수를 만들었는데요. 레시피에 들어갈 재료의 양(quantity)과 재료이름(ingredient)을 출력하는 함수입니다. 출력 결과도 정상적으로 작동하게 되죠. 그런데 만약에 다음과 같이 재료 이름이 ..

• format_list_bulleted 코딩/Typescript
• · 2021. 10. 31.
• textsms

타입스크립트 콜백함수 알아보기 - 타입스크립트 Typescript 강좌 3편

안녕하세요? 오늘은 타입 스크립트 강좌 3편을 이어 나가도록 하겠습니다. 오늘 내용은 콜백 함수 관련인데요. 지난 시간부터 이어져 오던 환경에서 새로운 파일을 만들어 보겠습니다. 1. 콜백 함수의 타입은? // funcs-with-funcs.ts export function printToFile(text: string, callback): void { console.log(text); callback(); } printToFile 함수를 만들었는데요. text인자를 받아서 console.log 하고 있습니다. 그리고 callbak 함수를 실행하는데요. callback 함수의 타입은 뭘까요? 마우스를 올려다 놓아 볼까요? callback을 그냥 any 타입으로 추론해 버렸네요. VS Code의 인텔리 센스..

• format_list_bulleted 코딩/Typescript
• · 2021. 10. 30.
• textsms

타입스크립트 함수 알아보기 - 타입스크립트 TypeScript 강좌 2편

안녕하세요? 지난 시간부터 시작한 타입스크립트(typescript) 강좌를 이어 나가 보겠습니다. 일단 지난 시간에 설정한 NodeJS 패키지를 그대로 이어서 진행할 예정이오니 1편에서 typescript와 ts-node 설정부터 살펴보시면 감사하겠습니다. 1. function in typescript 일단 함수를 만들어야겠죠. 먼저, functions.ts 파일을 만들고 이 파일을 이용한 functions-test.ts 파일도 만들어서 여기서 함수 테스트를 해보겠습니다. 먼저 간단한 함수를 만들어 보겠습니다. //functions.ts function addNumbers(a, b) { return a + b; } export default addNumbers; 타입스크립트는 ES Module 방식을 따..

• format_list_bulleted 코딩/Typescript
• · 2021. 10. 23.
• textsms