TypeScript 4

TypeScript "Type" - 종류와 사용

📌 타입 어노테이션(Type Annotation): 타입 어노테이션은 변수명 뒤에 :을 붙여서 해당 변수의 타입을 명시하는 방법이다.let name: string = 'bergerac';let age: number = 29;let isStudent: boolean = false;타입을 명시하면 코드의 안정성과 가독성이 높아지고 컴파일 단계에서 잘못된 타입 사용을 미연방지 가능TypeScript에서 자주 사용하는 Type1. 기본 타입 (Primitive Types)string, number, boolean 등 JavaScript의 원시 타입을 그대로 사용타입 명시는 선택이지만, 가능하면 명시let name: string = 'bergerac';let age: number = 29;let isStuden..

TypeScript 2025.04.17

TypeScript에서 변수 충돌을 방지하는 두가지 방법

프로젝트르 TypeScript로 작성할 때에는 한 파일에서 선언한 변수가 다른 파일에서 똑같이 선언될때 충돌이 일어난다. 문제 상황: 전역 스코프 충돌// helloWorld.tslet num: number = 10;// basic.tslet num: number = 10;위처럼 num이라는 변수를 두 파일에 각각 선언하면 TypeScript는 블록 범위 변수 'num'을(를) 다시 선언할 수 없습니다.ts(2451)이와 같은 에러메시지를 발생시킨다. TypeScript는 파일 단위로 스코프를 구분하지 않기 때문에  module로 인식되지 않는다면 프로젝트 내의 모든 파일이 같은 전역 스코프를 사용하게 된다.  변수 충돌을 막는 두 가지 방법 ✅ 중괄호 블록으로 지역 스코프 생성{ let num = 1..

TypeScript 2025.04.16

JavaScript의 상위확장언어, TypeScript

TypeScript란?타입스크립트는 Microsoft에서 개발한 오픈소스 프로그래밍 언어로, 자바스크립트를 기반으로 하여 만들어졌습니다. 자바스크립트에 정적 타입이라는 기능을 더한 언어이다. 자바스크립트의 모든 문법과 기능을 그대로 포함하면서, 그 위에 타입 시스템을 얹은 **"상위 집합(Superset)이라고 볼 수 있다. 특징 요약:자바스크립트의 모든 문법을 그대로 사용 가능정적 타입 시스템을 도입해 컴파일 시점에 오류 탐지 가능코드 작성 시 개발 도구의 자동완성, 타입 추론, 리팩토링 지원이 뛰어남TypeScript가 필요한 이유자바스크립트는 동적 타입 언어이기 때문에 다음과 같은 문제가 자주 발생합니다:변수의 타입이 실행 시점까지 결정되지 않아 사전 에러 탐지가 불가능런타임 오류로 이어지는 예상치..

TypeScript 2025.04.15

TypeScript 환경설정하기

타입스크립트를 활용하여 개발하기 위해서는 환경설정이 매우 중요하다. 1.  Node.js 설치하기TypeScript 는 JavaScript의 상위 집합(superSet)이기 때문에 Node.js가 필요합니다.  📌 기존 Node.js 삭제윈도우에서 삭제하는 법1. 프로그램 추가/제거에서 Node.js 삭제하기2. 아래 경로에 있는 폴더들을 수동으로 삭제하기C:\Program Files\Nodejs C:\Program Files (x86)\Nodejs C:\Users\사용자이름\AppData\Roaming\npm명령 프롬프트(cmd) 실행 후 아래 명령어로 완전히 삭제되었는지 확인node -v npm -v ==> 내부 또는 외부명령.. 메시지가 뜨면 삭제 완료! Mac에서 삭제하는 법brew uni..

TypeScript 2025.04.14