이번에 타입스크립트를 배우게되었는데 타입스크립트에서 간단하게 서버를 열어 테스트를 해보려고하는중 에러가 발생하였습니다.이미지와 같이 에러가 발생을 하였는데 일단 해석을 해보면 .ts에 확장자 파일을 찾을수가 없다고 해석이 되었습니다. 코드에 문제가 아닌 package.json파일이나 tsconfig.json파일에 문제가 있어 발생을 하는것으로 보였습니다. 그래서 에러를 구글링을 해보니  친절한 stackoverflow에서 답변을 찾을수 있었습니다. 그래서 저의 프로젝트에서도 혹시나 type: module이 작성이되어있나 찾아보니 // package.json{ "name": "1", "version": "1.0.0", "main": "app.js", "type": "module", "scripts..

Typescript 사용 시 장단점  1. 시간이 오래 걸릴 수 있음 • 동적(런타임) 자바스크립트와 달리, Typescript는 정적(컴파일) 언어이므로 컴파일 시간이 추가됩니다. 2. 가독성 향상 • 변수와 인자에 타입을 명시함으로써 코드의 가독성이 높아집니다. 3. 테스트 코드 감소 • 안정성이 높아 자바스크립트에 비해 테스트 코드 작성이 줄어듭니다.4. 디버깅의 어려움• 디버깅의 어려움: 개발자의 실수로 인한 오류를 찾기 어렵습니다. 컴파일이란?• 컴파일은 코드를 실행하기 전에 컴파일러가 문법적으로 오류를 잡아내는 과정입니다. 코드 최적화와 사전 오류 방지를 도와줍니다. 기본 타입  1. boolean • 참/거짓을 표현.function isValidPassword(password: string)..

tsconfig.json { "compilerOptions": { /* 기본 옵션 * ------------------------------------------------------------------------------------------------------------------------------------------------ */ "incremental": true, /* 증분 컴파일 활성화 */ "target": "es5", /* ECMAScript 목표 버전 설정: 'ES3'(기본), 'ES5', 'ES2015', 'ES2016', 'ES2017','ES2018', 'ES2019', 'ES2020', or 'ESNEXT'. */ "module": "esnext", /* 생성될 모듈 ..

1.프로젝트 폴더 생성 새로운 디렉토리를 만들고, 프로젝트의 이름으로 폴더를 명명합니다. 2.TyppeScript 설치 프로젝트 폴더에서 다음 명령을 사용하여 필요한 패키지를 설치하고 TypeScript를 설치합니다. npm install -g typescript 3.package.json 파일 생성 프로젝트 폴더에서 터미널 또는 명령 프롬프트를 열고 다음 명령을 실행하여 package.json 파일을 생성합니다. npm init -y 4.tsconfig.json 파일 생성 tsc --init 명령어를 통해 tsconfig.json 파일을 생성합니다. 이 파일은 TypeScript 프로젝트의 설정을 담고 있습니다. tsc --init 5.TypeScript로 개발하기 이제 src 디렉터리를 생성하고 그 ..

타입스크립트란? 타입스크립트는 자바스크립트와 거의 동일한 문법을 가지지만, 변수나 함수에 '타입'을 지정할 수 있다는 큰 차이점이 있습니다. 이 '타입' 덕분에 우리는 코드를 작성하는 단계에서 이미 발생할 수 있는 오류들을 미리 찾아낼 수 있습니다. 실제로 타입스크립트를 사용하면, 오류 발생 시 그 원인에 대해 상세하게 알려주는 메세지를 받을 수 있기 때문에, 많은 프론트엔드 개발자들이 선호하고 있습니다. 타입스크립트 기본 타입 설정 : 를 이용하여 변수나 함수에 타입을 정의하는 것을 "타입 표기(Type Annotation)"라고 합니다. 예를 들면, let name : string = 'heeming';에서 string이 타입 표기입니다. 1. 문자형(String) const str: string =..