TypeScript에서 JavaScript 가져오기

Rana Hasnain Khan 2022년6월13일
TypeScript에서 JavaScript 가져오기

JavaScript를 TypeScript 언어로 가져오는 방법에 대해 설명합니다.

TypeScript 언어로 JavaScript 가져오기

주요 주제를 논의하기 전에 JavaScript 및 TypeScript 프로그래밍 언어에 대한 간단한 정보를 제공합니다. TypeScript는 주로 Microsoft 기술 회사에서 개발 및 유지 관리하는 고품질 프로그래밍 언어입니다.

TypeScript의 주요 목적은 오픈 소스 오픈 컴파일러와 Microsoft의 단일 공급업체가 있는 JavaScript의 구문적 상위 집합으로 만드는 것입니다. Transcript는 유형 시스템 실수를 포착하여 JavaScript를 더 효율적으로 만듭니다.

JavaScript는 웹 언어로 가장 유명합니다. JavaScript로 만든 웹 사이트는 사용자에게 대화식 보기를 제공하여 사용자의 참여를 유도합니다. JavaScript 사용의 몇 가지 장점은 서버 로드, 풍부한 인터페이스 및 다양성입니다.

TypeScript에서 JavaScript를 가져오는 것은 간단한 방법입니다. 이제 JavaScript를 TypeScript로 변환하는 프로세스를 시작합니다.

JavaScript로 작업하는 경우 JavaScript를 직접 실행해야 합니다. 우리는 src, lib, dist와 같은 사전에 있는 .js 파일을 작업 중이며 원하는 대로 실행합니다.

JavaScript로 작성 중이고 이 조건에서 작성된 데이터를 TypeScript에 입력으로 추가하려고 한다고 가정합니다. 이 경우 TypeScript가 덮어쓰지 않도록 입력 및 출력 파일을 분리해야 합니다.

allowJs 설정은 JavaScript 파일을 TypeScript 파일 내부로 가져올 수 있도록 합니다. 이 설정은 기본적으로 JavaScript 및 TypeScript 파일이 동일한 프로젝트에 있도록 허용합니다.

경로가 ./js/Programming_file.js인 TypeScript로 가져와야 하는 예제 파일이 있습니다. 이 첫 번째 방법에서는 require() 함수를 사용하여 아래와 같이 파일을 가져올 수 있습니다.

# typescript
var Programming_file = require('./../js/programming_file');

이 두 번째 방법에서는 import {var_name} 함수를 사용하여 JavaScript 파일을 typescript로 가져옵니다.

# typescript
import {Programming_file} from './../js/Programming_file'
Rana Hasnain Khan avatar Rana Hasnain Khan avatar

Rana is a computer science graduate passionate about helping people to build and diagnose scalable web application problems and problems developers face across the full-stack.

LinkedIn

관련 문장 - TypeScript Import