TypeScript

타입스크립트(TypeScript) 프로젝트를 구성할 때 tsconfig.json 파일은 컴파일러(compiler: 소스 코드를 다른 언어로 변환하는 도구로, 설계도를 바탕으로 부품을 가공하는 기계와 같다)의 동작 방식과 검사 규칙을 정의하는 핵심 설정 파일이다. 이 파일은 프로젝트 루트 디렉터리에 위치하며, 컴파일 대상 파일의 범위, 변환할 자바스크립트(JavaScript) 버전, 출력 경로, 그리고 타입 검사의 엄격도를 세부적으로 제어한다. 본 글에서는 tsconfig.json에 정의된 주요 컴파일러 옵션(compilerOptions)과 … 더 읽기

1. 템플릿문자열 (Template literals) JavaScript에서 문자열을 작성할 때 더 유연하고 편리하게 사용하기 위한 문법 const name = "망고"; const template = `10+20,${name}`; console.log(template); 2. 함수 자바스크립트의 함수는 3가지 방식 선언식,표현식,람다식 으로 작성할수 있다. 2-1-선언식 function fn(){} fn(); 2-2-표현식 2-2-1-기명함수 //1 const fnPointer = function fn() { console.log('fnPointer'); }; fnPointer(); //2 const fnPointer = function fn(arg) … 더 읽기

1. 연습문제A 출처: 수코딩 1. Person 타입 작성 문제: 사람을 나타내는 Person 타입을 정의하세요. 이 타입은 name (문자열), age (숫자) 속성을 가집니다. 그리고 이를 사용하는 getPersonInfo 함수를 작성하여 Person 객체를 출력하세요. //code 2. 객체 생성 문제: Config 타입을 정의하여 host (문자열), port (숫자), ssl (불린값)을 갖는 객체 타입입니다. createConfig 함수는 Config 타입을 반환하도록 하세요. //code … 더 읽기

Handbook 1. 함수에 타입 선언 하기 함수에 타입을 선언하는 것은 매개변수와 반환값에 타입을 지정하는 것 1.1. 함수 선언문 함수 선언: 함수의 매개변수와 반환 타입을 명시합니다. function add(a: number, b: number): number { return a + b; } console.log(add(1,2)) 1.2. 함수 표현식 //표현식 함수로 매개변수 타입 및 반환값 타입 지정 { const add = function (a: … 더 읽기

📁 완성파일 💡 **목표 재사용 가능한 타입 을 알아보자 Type Aliases **https://www.typescriptlang.org/ko/docs/handbook/declaration-files/by-example.html#재사용-가능한-타입-타입-별칭-reusable-types-type-aliases 1. Type Aliases 개요 타입스크립트를 작성하다 보면 같은 타입을 반복적으로 정의하게 된다 이것을 모듈화 할수 있는 기능이 type aliases 이다 타입의 형태를 타입 별칭으로 정의하는것 1-1 타입 별칭이란? 타입에 대한 별칭을 제공하며, 재사용 할 수 있다. 주의해야 할 부분은 타입 별칭은 정의한 타입을 … 더 읽기

📁 완성파일 💡 ** ** 1. 제네릭개요 🔹 제네릭은 컴포넌트 또는 함수에서 사용하는 데이터의 타입을 외부에서 지정하는 것을 의미한다. 어떤 타입의 데이터를 사용할 지를 선언 시점이 아니라, 생성 시점에 타입을 명시하여 하나의 타입만이 아닌 다양한 타입을 사용할 수 있도록 하는 기법이다. 한번의 선언으로 다양한 타입에 재사용이 가능하다는 장점이 있다. 타입을 하나의 변수처럼 취급하여 유연한 처리가 … 더 읽기

📁 완성파일 💡 https://www.typescriptlang.org/ko/docs/handbook/type-inference.html#handbook-content 1. 타입추론 1-1 개요 💡 타입 추론이란 타입스크립트가 코드를 해석해 나가는 동작 1-2. 예제 basic.ts //Type inference let topic = "타입스크립트 기초"; let topic1: string = "타입스크립트 기초"; topic=1234 변수 topic에 타입을 지정하지 않은 (any 타입) 후 바로 값을 할당하였다. 왜 3번 라인에서 오류가 나는것일까? 타입추론이 사용되었기 때문이다 📢 기본적으로 타입스크립트는 … 더 읽기

💡 타입스크립트는 자바스크립트에 타입을 추가하여 확장한 것. 자바스크립트(동적타입:Dynamic Type) 모든것이 런타임 시 결정됨 코드의 실행해 봐야 오류를 알게됨 타입스크립트(정적타입:Static Type) 컴파일 단계에서 결정됨 컴파일 시 오류유무가 판단 🔗공식핸드북 1. Primitives : 원시타입 Primitives: 기본자료형 7종 (원시타입) 종류 설명 boolean 참(true) 또는 거짓(false) 값 let isDone: boolean = true; number 정수와 실수를 포함한 숫자 값 let … 더 읽기

📁 완성파일 💡 1. baisc.ts hobbies 변수는 문자형 배열을 가지고 있다 let hobbies:string[]; hobbies=["수영","축구",/* 5 */] hobbies 에 숫자자료형을 넣으면 에러를 표시한다 변수 dog은 자료형을 명시 하지 않았다 let dog; dog={ name:"망고", age:5, } 자료형을 지정하지 않을경우 default 로 any 타입을 가지게 된다 let dog:any 과 같다 any 타입은 불가피 할 경우에 사용하는 것으로 사용을 … 더 읽기

타입스크립트(TypeScript, 타입스크립트) 개발 환경을 구성하기 위해 패키지 관리자인 npm(Node Package Manager, 엔피엠)을 사용하여 타입스크립트 컴파일러를 설치하고 제거하는 과정을 다룬다. 윈도우와 맥(macOS) 등 운영체제 환경에 따라 달라지는 명령어 형식과 관리자 권한 적용 방식을 정리한다. 설치가 정상적으로 완료되었는지 버전을 확인하는 방법과 시스템 전체에 적용되는 전역 설치 및 특정 디렉터리에 한정되는 로컬 설치의 차이점을 설명한다. 1. 설치 타입스크립트 … 더 읽기