꾸준히 성장하는 개발자

타입스크립트 공부 중에 에러 밑줄이 뜨는 것이 너무 신경 쓰여 해결하는 방법을 찾아봤다. eslint로 인해 나는것인데 프로젝트가 진행되는 것에 있어서는 문제는 없다고 한다. 그래도 빨간줄이 신경 쓰이니 해결방법을 찾아보자 rules: { 'prettier/prettier': [ 'error', { endOfLine: 'auto', }, ], }, .eslintrc.js 파일에 위 문구를 추가해주면 해결이 된다.

interface -인터페이스는 상호 간에 정의한 약속 혹은 규칙을 의미한다 - 타입스크립트에서의 인터페이스는 보통 다음과 같은 범주에 대해 약속을 정의할 수 있다. 객체의 스펙(속성과 속성의 타입) 함수의 파라미터 함수의 스펙(파라미터, 반환 타입 등) 배열과 객체를 접근하는 방식 클래스 interface User{ age:number; name:string; } 변수에 인터페이스 활용 var seho :User={ age:33, name:'세호' } 함수에 인터페이스 활용 function getUser(user:User){ console.log(user) } const capt={ name:"캡틴", age:100 } getUser(capt); 함수의 스펙(구조)에 인터페이스를 활용 interface..

TypeScript를 공부 중에 eslint가 노란 밑줄과 빨간 밑줄로 경고와 에러메시지가 띄워져야 하는데 내 프로젝트에서는 노란밑줄이 나타나지 않았다 찾아보던 중 해결한 방법을 정리해놓는다 ctrl + shift + p 를 누르고 'settings' 를 입력하면 이렇게 띄워지는데 제일 위의 것을 선택해주고 안에 내용을 추가해주면 된다. { ....., // 기존에 있던 내용 "eslint.workingDirectories": [ {"mode": "auto"} ] } 이렇게 저장해주고 나면 노란 밑줄이 나타나기 시작한다.

타입스크립트로 프로젝트 시작하는 방법에 대해 알아보자 // index.ts function sum(a: number, b: number): number { return a + b; } sum(10, 20); 지금 위의 ts파일을 js 파일로 변환을 해줘야 하는데 이를 컴파일(compile)이라고 한다 터미널을 열어주고 npm i typescript -g 로 설치를 진행해주고 설치과 완료되면 아래처럼 입력하여 index.ts 파일을 js 파일로 변환해준다. tsc index.ts 그럼 위 그림처럼 변환된 index.js 파일이 생성된 것을 확인할 수 있다 타입스크립트 플레이그라운드 사이트 공부하면서 연습하고 변환되는 걸 확인하기 좋은 사이트라서 남겨놓는다 https://www.typescriptlang.o..

https://slides.com/woongjae/ts2021#/21/1 TypeScript 2021 타입스크립트 2021 slides.com TypeScript에서 프로그램 작성을 위해 기본 제공하는 데이터 타입 사용자가 만든 타입은 결국은 이 기본 자료형들로 쪼개집니다. JavaScript 기본 자료형을 포함 (superset) ECMAScript 표준에 따른 기본 자료형은 6가지 Boolean Number String Null Undefined Symbol (ECMAScript 6에 추가) Array : object 형 프로그래밍을 도울 몇가지 타입이 더 제공된다. Any, Void, Never, Unknown Enum Tuple : object 형 Primitive Type 오브젝트와 레퍼런스 형..

우리가 사용하는 자바스크립트에 타입을 적용한 것을 TypeScript라고 부른다 ​ -타입을 추가하여 자바스크립트를 확장시킨다 -오픈소스 ​ TypeScript =Language = Typed Superset of JavaScript = compiles to plain JavaScript ​ ​ 타입스크립트는 'Programming Language 언어 '이다 타입 스크립트는 'Compiled Language 언어 '이다 - 전통적인 와는 다른 점이 많다 -그래서 'Transpile'이라는 용어를 사용하기도 한다 자바스크립트는 'Interpreted Language'이다 ​ ​ Compiled Interpreted ​ -컴파일이 필요 -컴파일이 필요하지 않음 -컴파일러가 필요 -컴파일러가 필요하지 않음 ..