프론트엔드/타입스크립트4 타입스크립트 타입사용법(?(optional),readonly,interface) interface Dog{ readonly name:string age:number color?:string } let dog1:Dog ={ name:"구름", age:3 //color 가 없어도 에러나지않음 } let dog2:Dog = { name:"몽이", age:2, color:"black" } optional ? 키워드로 사용할수있다 optional로 만들어진 타입은 말그대로 옵션이기때문에 선언할때 있을수도있고 없을수도있다 포함하지 않는다고해서 에러가 나지않는다. interface 객체의 타입을 선언할때 사용하는 키워드이다. 타입을 확장할때에 type으로 선언한것보다 편리하고 성능적으로 객체의 타입을 만들때에는 interface를 사용하는걸 권장한다. interface Dog{ name:stri.. 2023. 3. 2. 타입스크립트 기본타입사용법(타입추론,타입명시,함수타입) 타입스크립트 기본타입사용법 1)타입추론 타입스크립트는 타입 표기가 없는 경우 코드를 읽고 분석하여 타입을 유추할수있음 let a = "abcde" //string 타입으로 지정됨 2)타입 명시 변수 선언시 변수값의 타입을 명시함으로써 변수값의 데이터 타입을 지정 let a:string = "abcde" //string타입으로 지정된변수에 스트링값 대입 3)타입선언 1.변수 타입 선언 type 변수이름 = 타입 number,string,boolean,null,undefined,object,array 항목의 값을 지정할수없을때는 any 타입을 지정 type APPLE = string //타입을 변수로 만들고 let apple:APPLE = "string" // 선언하는 변수에 타입변수를 넣어서 사용 2.유니.. 2023. 2. 24. 타입스크립트 - 타입스크립트 설치,사용법 타입스크립트 설치 타입스크립트를 설치하기 위해서는 Node.js를 설치해야한다. https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 노드를 설치해주고 터미널을 실행시킨 다음 아래코드를 입력해주면 타입스크립트가 설치된다. npm install -g typescript 타입스크립트를 설치하고나면 이제 프로젝트를 만들 폴더에서 .ts 확장자로 파일을 만들어서 타입스크립트 코딩을 시작하면된다. 타입스크립트 컴파일설정 타입스크립트 프로젝트 폴더안에 tsconfig.json파일을만들어서 컴파일할때의 설정을 만들어줘야한다. Typescript 컴파일시 세부설정 (t.. 2023. 2. 24. 타입스크립트-(타입스크립트란?) 타입스크립트 http://www.typescriptlang.org JavaScript With Syntax For Types. TypeScript extends JavaScript by adding types to the language. TypeScript speeds up your development experience by catching errors and providing fixes before you even run your code. www.typescriptlang.org 2012년에 발표됨 대규모 javascript 애플리케이션 개발용도 마이크로소프트 개발, 오픈소스 프로그래밍 언어 자바스크립트의 상위집합이다 (자바스크립트의 모든기능을 포함하고 자바스크립트에 없는 기능도 가지고있음) *.. 2023. 2. 24. 이전 1 다음
