타입스크립트7 [TypeScript] 비동기 처리 방식 - Callback Function, Promise, Async, Await, Fetch 🏷️ 요약구분동기(Synchronous)비동기(Asynchronous)특징- 한 번에 하나의 작업을 수행- 한 작업이 실행되는 동안 다른 작업은 멈춘 상태로 유지하고, 자신의 차례를 기다림- 어떠한 요청을 보내면 그 요청이 끝날 때까지 기다리는 것이 아닌, 응답에 관계없이 바로 다음 동작이 실행- 흐름이 멈추지 않아서 동시에 여러 가지 작업을 처리할 수 있음 기다리는 과정에서 다른 함수도 호출 가능 ⏰ 타이머 API특정 시간마다 또는 특정 시간 이후에 콜백 함수를 호출할 수 있는 함수들을 타이머(timer) 함수라고 한다. 이 함수들을 이용해서 시간과 관련된 처리를 할 수 있게 된다.함수 종류특징setInterval(함수, 시간)시간 간격마다 함수 반복 실행setTimeout(함수,.. 2024. 8. 7. [TypeScript] 제네릭(Generic) 다형성(Polymorphism)이란?poly는 '많다, 많음' 라는 뜻이고 morp-는 '구조, 형태' 라는 뜻을 가지고 있습니다. 따라서 Polymorphism, 다형성이란 여러가지 다양한 구조, 모양, 형태 라는 뜻을 가지고 있습니다. 타입스크립트에서 이런한 다형성을 가능하게 해주는 것은 바로 제네릭(Generics) 타입입니다.제네릭(Generic)제네릭이란 타입을 마치 함수의 파라미터처럼 사용하는 것을 의미제네릭은 타입을 선언 시점이 아닌 생성 시점에 결정하는 프로그래밍 기법입니다. 제네릭을 선언할 때 관용적으로 사용되는 식별자로 T 또는 V를 많이 사용을 하며, 이는 타입 파라미터(Type parameter)라 합니다.그리고 이것은 반드시 T 또는 V로 적어야 하는거는 아닙니다.이를 통해 함수,.. 2024. 8. 4. [TypeScript] 열거형(Enum)타입 열거형(Enum)열거형(enum)타입은 여러개의 값을 나열하는 용도로 사용된다. 값이 모두 숫자인 enum을 숫자형 enum 혹은 숫자 열거형 타입이라고 부르며, 값이 모두 문자열인 enum을 문자형 enum 혹은 문자열 열거형 타입이라고 한다. 그리고 enum은 컴파일 결과 객체가 된다.숫자 열거형(Numeric enums)숫자형 타입에서는 value의 할당을 생략할 수 도 있습니다. 할당을 생략하게 되면 값은 0 부터 차례대로 할당됩니다.enum State { REQUEST, LOADING, DONE, ERROR,}console.log(State.REQUEST); // 0문자열 열거형(String enums)문자형 타입에서는 값의 할당을 해주어야 합니다. 만약에 빼먹으면 숫자형 타입으로 인식이.. 2024. 7. 31. [TypeScript] 클래스(Class) 클래스(Class)클래스는 객체를 생성하기 위한 템플릿으로서,해당 클래스로부터 생성된 객체를 인스턴스라고 한다.클래스를 사용하면 데이터와 해당 데이터에 대한 메서드를 하나로 묶어서사용자 정의 타입을 생성할 수 있다.클래스 구성요소(Members)필드(field)생성자(constructor)메소드(method) 📝 클래스 선언 클래스 몸체에 클래스 프로퍼티를 사전 선언class 클래스명 { [private | protected | public] property name[?]: property type[...]}class 클래스명 { 멤버필드명: 타입; constructor(매개변수명: 타입) { this.멤버필드명 = 매개변수명; } 메소드명(this: 클래스명) { .. 2024. 7. 31. [TypeScript] 타입스크립트 함수(Function) 함수(Function)함수는 여러 문장들을 묶어서 실행하는 기능을 갖는데,함수를 여러번 호출하여 사용할 있기 때문에함수는 재사용 가능한 코드 블럭의 기본 단위로 볼 수 있다.함수 기본 구조TypeScript에서 함수는 function 키워드를 사용하여 정의는데, function 뒤에 함수명을 적고 함수명 뒤 괄호 안에 입력 파라미터들을 나열한다. 입력파라미터는 그 타입을 명시할 수도 있으며, 함수의 리턴 타입 또한 입력 파라미터 뒤에 : 을 찍은 후 리턴 타입을 명시할 수 있다. 📝 함수 형태// ▶ 함수function 함수 (인자:타입) : 리턴타입 {}// ▶ 화살표 함수const 변수명 = (인자 : 타입) : 리턴타입 => {}function 함수명(매개변수1: '매개변수1 타입', 매개변수2.. 2024. 7. 26. [TypeScript] TypeScript 개발환경 세팅하기 👉 선행작업이 필요합니다.이에 대한 방법은 아래 링크를 참고해 주시기 바랍니다.https://creative103.tistory.com/187 [NodeJS] Node.js 환경에서 TypeScript 실행환경 세팅하기Node 설치 (LTS)Node.js는 Chrome V8 JavaScript 엔진으로 빌드된 JavaScript 런타임입니다. https://nodejs.org/en/ Node.js — Run JavaScript EverywhereNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org 프로creative103.tistory.com🗂️ 새 작업공간 폴더 생성🗂️ 기존 파일 - 복사해서 가져오기".. 2024. 7. 19. [NodeJS] Node.js 환경에서 TypeScript 실행환경 세팅하기 Node 설치 (LTS)Node.js는 Chrome V8 JavaScript 엔진으로 빌드된 JavaScript 런타임입니다. https://nodejs.org/en/ Node.js — Run JavaScript EverywhereNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org 프로젝트 파일 생성NodeJS 설치가 완료되었다면 커맨드 창을 열고 (윈도 키 + R > cmd 입력 후 엔터)타입 스크립트 연습용 프로젝트를 생성할 경로로 이동한다. 비주얼 스튜디오로 해당 프로젝트 폴더를 연다.# 터미널 창ctrl + Shift + `(Backtick)# 노드 버전 확인node -v🗂️ Node.js 환경변수 .. 2024. 7. 15. 이전 1 다음 728x90 반응형
