Deno로 첫 프로젝트 만들기

이 주제를 소개하기 위해 먼저 deno가 무엇인지 정의부터 시작하겠습니다. Deno는 Node.js 창시자인 Ryan Dahl이 개발한 JavaScript, TypeScript 및 WebAssembly용 런타임 환경입니다. Chrome의 V8 엔진을 사용하며 Rust12로 작성되었습니다.'

장점.

1. 기본적으로 보안: Deno는 명시적으로 허용되지 않는 한 파일, 네트워크 또는 환경에 접근할 수 없습니다. 이렇게 하면 보안 취약점의 위험이 줄어듭니다.

2. 기본 TypeScript 지원: Deno는 추가 구성 없이 기본적으로 TypeScript를 실행하므로 개발이 단순화되고 생산성이 향상됩니다.

3. 표준 모듈: Deno에는 검토 및 감사를 거친 표준 모듈 세트가 포함되어 있어 외부 패키지에 대한 종속성을 줄이고 코드 보안과 안정성을 향상시킵니다.

4. 통합 도구: 종속성 검사기, 코드 포맷터, 린터와 같은 유용한 도구가 함께 제공되어 코드 유지 관리 및 품질을 용이하게 합니다.

5. 종속성 처리: Deno는 URL을 사용하여 모듈을 가져오므로 package.json 파일과 npm과 같은 패키지 관리자가 필요하지 않습니다. 이는 종속성 관리를 단순화합니다.

6. WebAssembly 지원: Deno는 WebAssembly를 지원하므로 다른 언어로 작성된 고성능 코드를 실행할 수 있습니다.

첫 번째 프로젝트 만들기

deno 프로젝트를 시작하려면 다음 명령을 사용하세요.

 deno init <project_name>
</project_name>

다음과 같은 프로젝트가 생성됩니다

- project_name/
  |- main.ts
  |- deno.json
  |- main_test.ts

이제 첫 번째 deno 프로젝트가 탄생했습니다.

모듈 및 가져오기 정보

astro, next.js 등에서 프로젝트를 만들 때 npm, pnpm, bun 등을 통해 종속성을 설치했습니다. 이제는 더 이상 필요하지 않습니다.

가져오는 방법

deno에서는 패키지를 가져오는 두 가지 주요 방법이 있습니다. 첫 번째는 npm이든 사용하는 다른 패키지이든 해당 패키지에서 간단히 가져오는 것입니다.

예를 들어 일부 Next.js, Vite 또는 Astro 파일에서는 필수 패키지를 설치한 다음 파일로 가져옵니다. 이제 deno를 사용하면 패키지를 설치하는 대신 필요한 패키지 앞에 패키지 관리자 이름을 지정하여 패키지를 가져오기만 하면 됩니다. 예를 들어 Express를 사용하려면 다음과 같이 하면 됩니다.

  import express from “npm:express”

이것은 npm express 패키지에서 express를 가져오려는 것을 나타냅니다. 따라서 이미 설명한 내용을 반복하면 설치할 필요 없이 가져오기만 하면 됩니다!!!!

두 번째로, "npm:"이라는 명명법을 사용하여 파일을 가져오는 대신 생성된 deno.json 파일을 편집하고 여기에 다음을 추가합니다.

  “imports": {
  “express": ”npm:express”
}

deno.json에 코드를 추가하면 이제 다음과 같이 express라는 단어만 사용하여 원하는 곳 어디에서든 가져올 수 있습니다.

  import express from “express”

첫 번째 deno 프로젝트 실행

마지막으로 더 이상 npm run을 사용할 필요가 없는 프로젝트를 실행하려면 deno.json에 다음과 같은 작업을 사용합니다.

 “tasks": {
    “dev": ‘deno run --watch main.ts’, //it comes by default
  }

이는 프로젝트를 실행하려면 다음을 수행해야 한다는 것을 의미합니다.

deno task dev

기본적으로 TypeScript를 사용하여 deno 프로젝트를 실행하게 됩니다.

이 미니 튜토리얼이 도움이 되기를 바라며 매우 유망한 기본 TypeScript 런타임을 사용하여 프로젝트를 만드는 새로운 방법을 즐기시기 바랍니다.

위 내용은 Deno로 첫 프로젝트 만들기의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!