본문 바로가기

전체 글22

TypeScript 변수와 상수에 타입 적용하기 – let, const, 타입 주석 (4강) let과 const의 차이점부터 이해하자자바스크립트와 마찬가지로, TypeScript에서도 변수를 선언할 때 let과 const를 사용합니다. 하지만 TypeScript에서는 여기에 타입 주석(Type Annotation)을 더해 변수의 타입을 명확하게 지정할 수 있습니다.let: 값을 변경할 수 있는 변수 선언const: 한 번 할당한 값을 변경할 수 없는 상수 선언TypeScript에서는 코드의 안정성을 위해, 가능한 const를 우선적으로 사용하고, 필요한 경우에만 let을 사용하는 것이 권장됩니다.변수에 타입 주석을 다는 방법TypeScript에서 변수에 타입을 지정하려면 변수 이름 뒤에 콜론(:)과 타입 이름을 작성합니다. 이것이 바로 타입 주석입니다.let age: number = 30;con.. 2025. 5. 14.
타입 시스템 기초 – TypeScript에서 타입 선언하는 법 (3강) TypeScript의 핵심, 타입 시스템 이해하기TypeScript의 가장 큰 특징은 정적 타입(Static Type)을 지원한다는 점입니다. 이는 코드 작성 시 변수나 함수에 어떤 종류의 데이터가 들어올지 명확히 정의할 수 있으며, 런타임 이전에 오류를 사전에 방지할 수 있다는 뜻입니다.이번 강의에서는 TypeScript의 타입 시스템 기초 개념과 함께 변수, 함수, 객체에 타입을 선언하는 기본적인 방법을 소개합니다. 정적 타입 언어에 익숙하지 않은 자바스크립트 개발자라면 처음에는 다소 낯설 수 있지만, 익숙해질수록 생산성과 안정성이 크게 향상됩니다.기본 타입 선언 방법TypeScript는 여러 가지 기본 타입을 제공합니다. 가장 자주 사용하는 타입은 아래와 같습니다:number – 숫자형string .. 2025. 5. 14.
TypeScript 개발 환경 설정하기 – VSCode, tsconfig 설정 가이드 (2강) TypeScript 개발 환경을 설정해야 하는 이유TypeScript는 자바스크립트를 기반으로 하지만, 정적 타입과 컴파일 기능 등으로 인해 개발 환경을 어느 정도 구성해주어야 효율적으로 사용할 수 있습니다.특히 VSCode(Visual Studio Code)는 TypeScript와 가장 궁합이 잘 맞는 에디터로, 타입 지원과 자동 완성 기능이 강력하게 동작합니다.이 글에서는 TypeScript 개발 환경을 설정하는 방법을 단계별로 설명하고, 핵심 설정 파일인 tsconfig.json의 주요 옵션도 함께 살펴보겠습니다.1. VSCode 설치와 추천 확장 기능TypeScript 개발을 시작하려면 먼저 VSCode를 설치해야 합니다. 설치 후에는 다음과 같은 확장 기능을 추가하면 개발 생산성을 크게 높일 수.. 2025. 5. 14.
TypeScript란? 자바스크립트와의 차이점부터 알아보기 (1강) TypeScript란 무엇인가요?TypeScript는 마이크로소프트(Microsoft)에서 개발한 오픈소스 프로그래밍 언어로, 자바스크립트(JavaScript)를 기반으로 만들어졌습니다. TypeScript의 가장 큰 특징은 정적 타입(static type)을 지원한다는 점입니다. 즉, 변수를 선언할 때 어떤 타입의 값이 들어갈지를 명시할 수 있으며, 이를 통해 코드의 안정성과 가독성을 높일 수 있습니다.자바스크립트는 유연하고 자유로운 언어이지만, 이로 인해 런타임(runtime)에서 발생하는 오류를 컴파일 타임에 잡을 수 없다는 단점이 있습니다. TypeScript는 이러한 문제를 보완하고자 등장했으며, 규모가 큰 프로젝트나 협업 환경에서 특히 그 진가를 발휘합니다.TypeScript와 JavaScri.. 2025. 5. 14.