율곡선생 75기 1강 Typescript 타입스크립트 기능소개, 변수,원시타입,배열,객체타입, any, 함수,함수타입

📜 타입스크립트 소개

타입스크립트는 자바스크립트의 한계를 보완하기 위해 고안된 언어입니다. 자바스크립트는 웹 개발에서 널리 사용되지만, 대규모 프로젝트에서 타입 체크가 없어 코드의 오류를 사전에 방지하기 어렵습니다. 타입스크립트는 이러한 문제를 해결하기 위해 등장했으며, 정적 타입 체킹을 통해 코드의 오류를 사전에 방지하고, 유지보수성을 높이는 데 큰 도움을 줍니다. 타입스크립트는 자바스크립트와 완벽히 호환되며, 기존 자바스크립트 코드에 쉽게 통합될 수 있습니다.

🛠️ 타입스크립트 설치 및 설정

타입스크립트를 사용하려면 먼저 Node.js와 npm(Node Package Manager)이 설치되어 있어야 합니다. 설치 후, 터미널에서 npm install -g typescript 명령어를 입력하여 타입스크립트를 글로벌로 설치할 수 있습니다. 설치가 완료되면, tsc -v 명령어로 설치된 버전을 확인할 수 있습니다. 타입스크립트 설정은 tsconfig.json 파일을 통해 관리하며, 이 파일에서 컴파일 옵션을 지정할 수 있습니다.

🧩 타입 시스템 이해하기

타입스크립트의 핵심은 정적 타입 시스템입니다. 타입스크립트에서는 변수의 타입을 명시적으로 선언할 수 있으며, 이를 통해 코드의 안정성을 높일 수 있습니다. 기본 타입으로는 string, number, boolean, null, undefined 등이 있으며, 배열과 객체의 타입도 정의할 수 있습니다. 또한, 유니온 타입을 사용하여 하나 이상의 타입을 가질 수 있는 변수를 선언할 수도 있습니다. 이러한 타입 시스템은 개발자가 코드의 의도를 명확히 하고, 잠재적인 오류를 사전에 방지할 수 있도록 도와줍니다.

🌀 함수와 인터페이스

함수 선언 시 매개변수의 타입과 반환 타입을 명시할 수 있으며, 이를 통해 함수 사용 시 발생할 수 있는 오류를 줄일 수 있습니다. 인터페이스는 객체의 타입을 정의하는 데 사용되며, 코드의 구조를 명확히 하고 재사용성을 높이는 데 기여합니다. 인터페이스를 통해 객체의 속성과 메서드를 강력하게 정의할 수 있으며, 여러 인터페이스를 결합하여 복잡한 타입도 표현할 수 있습니다.

🏗️ 타입스크립트 프로젝트 시작하기

타입스크립트 프로젝트를 시작하려면, 프로젝트 폴더를 생성하고 tsconfig.json 파일을 설정하여 컴파일 옵션을 지정합니다. 그런 다음, 타입스크립트 파일(.ts)을 작성하고, tsc 명령어를 통해 자바스크립트로 컴파일합니다. 컴파일된 자바스크립트 파일은 웹 브라우저에서 실행할 수 있으며, 타입스크립트를 통해 작성된 코드는 더욱 견고하고 유지보수하기 쉬운 구조를 가집니다. 또한, 타입스크립트는 리액트, 앵귤러 등 다양한 프레임워크와도 호환되어, 현대 웹 개발에서 필수적인 도구로 자리 잡고 있습니다.

🌐 공식사이트

타입스크립트 공식사이트