개발/TypeScript4 타입스크립트 제네릭(Generic) 타입 타입스크립트의 제네릭(Generic) 타입은 타입의 재사용성을 높이고, 다양한 타입에 대응하는 함수나 클래스를 작성할 수 있게 도와준다. 간단히 말하면 타입을 변수화 한 것이다. 제네릭 함수 다음과 같이 함수에서 꺾쇠 괄호와 대문자 T 변수로서 지정함으로서, 제네릭을 통해 코드에 선언한 타입을 변수화 하고, 나중에 타입을 정하는 식으로 유연하게 사용이 가능하다. function add(x: T, y: T): T { // 제네릭 : 꺾쇠와 문자 T를 이용해 표현. T는 변수명이라고 보면 된다. return x + y; } add(1, 2); // 제네릭 타입 함수를 호출할때 라고 정해주면, 함수의 T 부분이 number로 바뀌며 실행되게 된다. add('hello', 'world'); // 'hellow.. 개발/TypeScript 2023. 10. 6. 간단한 typescript 사용법 type 지정 더보기 타입으로 쓸 수 있는 것들 string, number, boolean, bigint, null, undefined,[], {} string, number, boolean type 지정 let 문자: string = "kim"; let 숫자: number = 50; let 참거짓: boolean = true; // 아래와 같이 코드를 적을 시 에러메세지를 띄워준다. let 이름 :string = 'kim'; 이름 = 123; TS -> JS 자동 변경 터미널에 아래의 코드를 입력하면 TS -> JS로 자동으로 변환해준다. tsc -w 그다음에 html에 아래 코드를 추가한다. array, object type 지정 array와 object 자료는 이렇게 타입지정이 가능하다. let 배.. 개발/TypeScript 2023. 8. 15. 타입스크립트 설치법 일반 HTML CSS JS 웹개발시 1. Nodejs 최신버전, VScode 에디터를 설치한다. 2. VScode 에디터에서 터미널을 오픈합니다. 상단메뉴 Terminal - New Terminal 로 들어가거나 또는 ctrl + ` 를 누르면 된다. 3. 터미널에서 아래의 코드를 입력한다. npm install -g typescript 더보기 에러시 (1) nodejs 최신버전으로 업그레이드 (2) 윈도우인데 허가되지 않은 script 실행불가 어쩌구 에러가 뜨면 시작 - 검색 - powershell - 우클릭해서 관리자 권한으로 실행한 다음 Set-ExecutionPolicy Unrestricted 입력하셈 그리고 y 선택하면 된다. (3) 맥북인데 보안에러 어쩌구가 뜨면 sudo npm instal.. 개발/TypeScript 2023. 8. 14. 타입스크립트이란 무엇인가. 타입스크립트의 중요성 웹 개발자 채용공고를 보면 타입스크립트가 항상 보인다. 그만큼 중요하다는 것을 간접적으로 알 수 있다. 아래는 가장 인기있는 언어를 보여준다. TypeScript는 7위로 인기가 없어보이지만 비교적 최근에 나온언어이고 점차 사용자들이 늘어난다는 점에서 타입스크립트의 사용 빈도는 증가하는 추세이고 개발자들이 선호하는 언어라는 것을 알 수 있다. 타입스크립트를 왜 쓰는가 타입스크립트는 자바스크립트의 대용이라고 생각할 수 있다. 자바스크립트의 타입부분을 업그레이드한 것이 타입스크립트이다. 더보기 타입이란? - 기본형 타입(단일 타입)으로는 7가지(string, number, boolean, null, undefined, symbol, bigint)와 유니온 타입(다중 타입, =교집합)과 .. 개발/TypeScript 2023. 8. 14. 이전 1 다음