TypeScript 에 대한 자습서 AWS Cloud9

의 터미널 세션에서 --version 옵션을 사용하여 명령줄 TypeScript 컴파일러를 실행하여 TypeScript 가 이미 설치되어 있는지 AWS Cloud9 IDE확인합니다. (터미널 세션을 새로 시작하려면 메뉴 모음에서 Window(창), New Terminal(새 터미널)을 선택합니다.) 성공하면 출력에 TypeScript 버전 번호가 포함됩니다. TypeScript 가 설치된 경우 로 건너뜁니다2단계: 코드 추가.

tsc --version

--version 옵션을 지정하고 npm 을 실행하여 npm 이 이미 설치되어 있는지 확인합니다. 성공할 경우, 출력에 npm 버전 번호가 포함됩니다. npm 가 설치된 경우 이 절차의 10단계로 건너뛰어 를 설치npm에 사용합니다 TypeScript.

npm --version

yum update 명령(Amazon Linux) 또는 apt update 명령(Ubuntu Server)을 실행하여 최신 보안 업데이트와 버그 수정이 설치되어 있는지 확인합니다.

Amazon Linux의 경우:

sudo yum -y update

Ubuntu Server:

sudo apt update

npm 를 설치하려면 다음 명령을 실행하여 Node Version Manager( nvm )를 다운로드합니다. (nvm는 Node.js 버전을 설치하고 관리하는 데 유용한 간단한 Bash 쉘 스크립트입니다. 자세한 내용은 GitHub 웹 사이트의 노드 버전 관리자를 참조하세요.)

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.0/install.sh | bash

nvm 사용을 시작하려면 터미널 세션을 닫고 나서 다시 시작하거나, nvm을 로드하는 명령을 포함하는 ~/.bashrc 파일을 소싱합니다.

. ~/.bashrc

nvm 옵션을 지정하고 nvm 을 실행하여 --version 이 설치되어 있는지 확인합니다.

nvm --version

nvm을 실행하여 최신 버전인 Node.js 16을 설치합니다(npm은 Node.js 에 포함되어 있음).

nvm install v16

--version 옵션으로 명령줄 버전의 Node.js를 실행하여 Node.js가 설치되어 있는지 확인합니다.

node --version

npm 옵션을 지정하고 npm 을 실행하여 --version 이 설치되어 있는지 확인합니다.

npm --version

-g 옵션으로 npm 를 실행 TypeScript 하여 를 설치합니다. 이는 환경에 글로벌 패키지 TypeScript 로 설치됩니다.

npm install -g typescript

--version 옵션을 사용하여 명령줄 TypeScript 컴파일러를 실행하여 이 설치 TypeScript 되었는지 확인합니다.

tsc --version

에서 라는 파일을 AWS Cloud9 IDE생성합니다hello.ts. (파일을 생성하려면 메뉴 모음에서 [파일(File)], [새 파일(New File)]을 선택합니다. 파일을 저장하려면 [파일(File)], [저장(Save)]을 선택합니다.)

의 터미널에서 hello.ts 파일과 동일한 디렉터리IDE에서 를 실행npm하여 @types/node 라이브러리를 설치합니다.

npm install @types/node

그러면 node_modules/@types/node 파일과 동일한 디렉터리에 hello.ts 폴더가 추가됩니다. 이 새 폴더에는 이 절차의 뒷부분에서 hello.ts 파일에 추가할 console.log 및 process.argv 속성에 대해 TypeScript 필요한 Node.js 유형 정의가 포함되어 있습니다.

다음 코드를 hello.ts 파일에 추가합니다:

console.log('Hello, World!');

console.log('The sum of 2 and 3 is 5.');

const sum: number = parseInt(process.argv[2], 10) + parseInt(process.argv[3], 10);

console.log('The sum of ' + process.argv[2] + ' and ' +
  process.argv[3] + ' is ' + sum + '.');

터미널의 hello.ts 파일과 동일한 디렉터리에서 TypeScript 컴파일러를 실행합니다. 포함할 hello.ts 파일 및 추가 라이브러리를 지정합니다.

tsc hello.ts --lib es6

TypeScript 는 hello.ts 파일과 ECMAScript 6개(ES6)의 라이브러리 파일 세트를 사용하여 hello.ts 파일의 TypeScript 코드를 라는 파일의 동등한 JavaScript 코드로 전송합니다hello.js.

[환경(Environment)] 창에서 hello.js 파일을 엽니다.

메뉴 표시줄에서 실행, 실행 구성, 새 실행 구성을 선택합니다.

[[새로 만들기] - 유휴([New] - Idle)] 탭에서 [러너: 자동(Runner: Auto)]을 선택한 다음 [Node.js]를 선택합니다.

명령에 hello.js 5 9를 입력합니다. 코드에서 5는 process.argv[2]를 나타내고 9는 process.argv[3]를 나타냅니다. (process.argv[0]는 런타임의 이름(node)을 나타내고 process.argv[1]는 파일의 이름(hello.js)을 나타냅니다.)

Run(실행)을 선택하여 출력을 비교합니다. 완료했으면 [중지(Stop)]를 선택합니다.

Hello, World!
The sum of 2 and 3 is 5.
The sum of 5 and 9 is 14.

에서 이전 단계의 hello.js 파일과 AWS Cloud9 IDE동일한 디렉터리에 라는 파일을 생성합니다s3.ts.

의 터미널에서 s3.ts 파일과 동일한 디렉터리 AWS Cloud9 IDE에서 코드를 npm 두 번 실행하여 용 비동기 라이브러리 TypeScript 를 설치하고 용 비동기 라이브러리를 다시 설치하여 Amazon S3 작업을 비동기적으로 호출하도록 활성화합니다 JavaScript.

npm install @types/async # For TypeScript.
npm install async        # For JavaScript.

다음 코드를 s3.ts 파일에 추가합니다:

import * as async from 'async';
import * as AWS from 'aws-sdk';

if (process.argv.length < 4) {
  console.log('Usage: node s3.js <the bucket name> <the AWS Region to use>\n' +
    'Example: node s3.js my-test-bucket us-east-2');
  process.exit(1);
}

const AWS = require('aws-sdk'); // To set the AWS credentials and AWS Region.
const async = require('async'); // To call AWS operations asynchronously.

const s3: AWS.S3 = new AWS.S3({apiVersion: '2006-03-01'});
const bucket_name: string = process.argv[2];
const region: string = process.argv[3];

AWS.config.update({
  region: region
});

const create_bucket_params: any = {
  Bucket: bucket_name,
  CreateBucketConfiguration: {
    LocationConstraint: region
  }
};

const delete_bucket_params: any = {
  Bucket: bucket_name
};

// List all of your available buckets in this AWS Region.
function listMyBuckets(callback): void {
  s3.listBuckets(function(err, data) {
    if (err) {

    } else {
      console.log("My buckets now are:\n");

      for (let i: number = 0; i < data.Buckets.length; i++) {
        console.log(data.Buckets[i].Name);
      }
    }

    callback(err);
  });
}

// Create a bucket in this AWS Region.
function createMyBucket(callback): void {
  console.log("\nCreating a bucket named '" + bucket_name + "'...\n");

  s3.createBucket(create_bucket_params, function(err, data) {
    if (err) {
      console.log(err.code + ": " + err.message);
    }

    callback(err);
  });
}

// Delete the bucket you just created.
function deleteMyBucket(callback): void {
  console.log("\nDeleting the bucket named '" + bucket_name + "'...\n");

  s3.deleteBucket(delete_bucket_params, function(err, data) {
    if (err) {
      console.log(err.code + ": " + err.message);
    }

    callback(err);
  });
}

// Call the AWS operations in the following order.
async.series([
  listMyBuckets,
  createMyBucket,
  listMyBuckets,
  deleteMyBucket,
  listMyBuckets
]);

터미널의 s3.ts 파일과 동일한 디렉터리에서 TypeScript 컴파일러를 실행합니다. 포함할 s3.ts 파일 및 추가 라이브러리를 지정합니다.

tsc s3.ts --lib es6

TypeScript 는 s3.ts 파일, AWS SDK in Node.js JavaScript 의 용 , 비동기 라이브러리 및 ECMAScript 6개(ES6) 라이브러리 파일 세트를 사용하여 s3.ts 파일의 코드를 라는 파일의 동등한 JavaScript 코드로 변환 TypeScript합니다s3.js.

[환경(Environment)] 창에서 s3.js 파일을 엽니다.

메뉴 표시줄에서 실행, 실행 구성, 새 실행 구성을 선택합니다.

[[새로 만들기] - 유휴([New] - Idle)] 탭에서 [러너: 자동(Runner: Auto)]을 선택한 다음 [Node.js]를 선택합니다.

명령 에 를 입력합니다. s3.js YOUR_BUCKET_NAME THE_AWS_REGION 여기서 YOUR_BUCKET_NAME 는 생성 후 삭제하려는 버킷의 이름이고 THE_AWS_REGION 는 버킷을 생성할 AWS 리전의 ID입니다. 예를 들어 미국 동부(오하이오) 리전의 경우 us-east-2를 사용합니다. 자세한 내용은 의 Amazon Simple Storage Service(Amazon S3)를 IDs참조하세요Amazon Web Services 일반 참조.

Run(실행)을 선택하여 출력을 비교합니다. 완료했으면 [중지(Stop)]를 선택합니다.

My buckets now are:

Creating a new bucket named 'my-test-bucket'...

My buckets now are:

my-test-bucket

Deleting the bucket named 'my-test-bucket'...

My buckets now are: