자바스크립트

TypeScript as 다운 캐스팅 사용 예제

타입스크립트 as를 사용해 다운 캐스팅 하는 방법을 알아보겠습니다. as 다운 캐스팅 TypeScript 문법으로 as를 사용하여 다운캐스팅를 할 수 있습니다. 다운 캐스팅는 안전한 방법은 아니지만 가끔 TypeScript로 작성하다보면 필요한 경우도 있습니다. 다운 캐스팅는 파생된 타입의 값을 부분 타입 형태로 사용하는 방법입니다. const value = rand(); const str = value as number; console.log(str * 10); function rand(): string | number { if ...

ALLIT자바스크립트

TypeScript union 타입 사용 예제

타입스크립트에서 union 타입 데이터형을 사용 하는 방법에 대해 알아보겠습니다. union 타입 TypeScript 에서는 union 타입을 사용할 수 있습니다. union 타입은 하나의 변수에 여러 타입을 지정할 수 있습니다. 여러 타입을 지정하고 싶은 경우에는 | 을 사용합니다. let value: string | number = 'foo'; value = 100; value = 'bar'; // 에러: Type 'true' is not assignable to type 'string | number'. value = true...

ALLIT자바스크립트

TypeScript 더블 타입 사용 예제

타입스크립트에서 더블 타입 데이터형 사용 방법을 알아보겠습니다. 더블 타입 TypeScript는 더블 타입이라는 것도 사용할 수 있습니다. 자바 스크립트에는 더블 타입이라는 개념은 존재하지 않습니다. TypeScript에서는 배열 대신에 더블 타입을 사용할 수 있습니다. 예를 들어 더블 타입은 함수의 반환값을 여러개 설정하고 싶은 경우에 반환값을 배열에 넣어서 반환 하는것과 비슷하다고 생각하면 됩니다. 더블 타입의 작성 예제입니다. 해석하면 길이가 2인 배열을 선언하고, 0번째에는 문자열을, 1번째에는 숫자를 대입하도록 한다는 의미...

ALLIT자바스크립트

TypeScript any 타입, 클래스 타입, 제네릭 타입 예제

any 타입은 어떠한 타입도 대입할 수 있는 타입입니다. any 타입을 가진 값은 어떠한 타입과도 호환 가능합니다. const a: any = 3; const b: string = a; 변수 a는 any 타입 변수이기 때문에 어떠한 값을 대입해도 상관없습니다. 그리고 any 타입의 값은 어떠한 형태의 타입으로도 이용 가능하기 때문에 string 타입의 변수 b에도 대입할 수 있습니다. 편리하게 생각할 수 있지만, 생각해보면 TypeScript의 규칙을 전부 무시하는 것이 됩니다. 그렇기 때문에 any 타입은 정말 부득이한 경우가 아...

ALLIT자바스크립트

TypeScript 배열 타입, 함수 타입 예제

타입스크립트 배열 타입과 함수 타입 데이터형 사용 방법과 예제를 알아보겠습니다. 배열 배열을 사용하기 위해서는 []를 사용합니다. const foo: number; foo.push(4); TypeScript에는 제네릭이 도입되어 있기 때문에 Array<number> 로도 작성할 수 있습니다. 함수 타입 JavaScript에서 중요한 것 중 하나가 함수입니다. TypeScript에서도 함수 타입이 있습니다. 함수 타입은(foo: string, bar: number)=> boolean처럼 작성한 것을 말합니다. 사용법은 다음과 같습니다...

ALLIT자바스크립트

TypeScript 오브젝트 타입 Object Type 예제

JavaScript에서 기본적인 것 중 하나로 오브젝트가 있습니다. 오브젝트는 여러 타입의 값을 대입할 수 있는 구조로 되어있습니다. 타입스크립트 오브젝트 타입 데이터형 TypeScript에서 JavaScript의 오브젝트처럼 사용하고 싶은 경우에는 {}를 사용합니다. 예를 들어{foo: string; bar: number}라고 작성하면 foo라는 프로퍼티는 string 타입의 값을 가질 수 있고 bar라는 프로퍼티는 number 타입의 값을 가질 수 있는 오브젝트가 됩니다. 그리고 이것은 interface로 사용할 수 있습니다. ...

ALLIT자바스크립트

TypeScript 기본 타입 데이터형 string, number 예제

타입스크립트 기본 타입(프리미티브 타입) 데이터형 타입스크립트를 사용해야 할지도 모를 상황이 생겨서 공부 겸 정리한 내용입니다. 잘못된 내용이 있으면 코멘트 남겨주세요. TypeScript란 데이터형, 즉 테이터의 타입을 붙인 JavaScript입니다. 데이터 타입을 지정해주는 것으로 JavaScript와 처리하는 방식에 차이가 생길 수도 있습니다. 그러면 TypeScript에 어떤 데이터 타입이 있는지 알아보도록 하겠습니다. 기본 타입(프리미티브 타입) TypeScript에서 가장 기본이 되는 타입입니다. 타입에는 string, ...

ALL자바스크립트

Node.js 라우터(Router) 사용 방법 및 예제

Express를 사용하는 이유 중 하나가라우팅을 깔끔하게 관리할 수 있다는 점이다. 예를 들어, app.js에서 app.get 같은 메서드가 라우터 부분이다. 그러나라우터를 많이 연결하면app.js코드가 많이 길어진다. Express에서는 라우터를 분리할 수 있는 방법을 제공한다. routes폴더를 만들고 그 안에index.js와user.js를 다음과 같이 작성해주자. 라우터 설정 index.js 파일 // routes/index.js const express = require('express'); const router = exp...

ALLIT자바스크립트

Node.js express 설치 및 사용 방법 예제

Expresss는Node.js의 프레임워크입니다. Node.js 사용해 웹 개발을 하는 경우Expresss프레임워크를 사용하면 더욱더 간편하게 개발을 할 수 있게 도와줍니다. Expresss 프레임워크의 특징을 간략하게 보겠습니다. 프렘임워크중 점유일이 가장 높다. 많은 개발자들이 사용하고 있어 정보들을 많이 얻을 수 있다. 확장 모듈이 많이 있고 추가하기 용이하게 되어있다. Express 설치 방법 Express를 설치하기 위해서는 Node.js이 설치되어 있어야 합니다. Express 설치는npm커맨드를 사용해 인스톨합니다. n...

ALLIT자바스크립트

다음 페이지로

1 2 3 … 5