웹 개발/#️⃣ TypeScript

웹 개발/#️⃣ TypeScript

TS | 인터페이스

| 인터페이스 인터페이스 만약 아래와 같이 프론트와 백엔드가 있다고 가정하자 const man = { name: "jae", age: 25, }; // 웹 앱 /// 경계선 // // 서버 function prt(params: any){ console.log(params.city ?? 'default city'); } prt(man); 인터페이스는 일반적으로 타입 체크를 위해 사용되며 변수, 함수, 클래스에 사용할 수 있다. 인터페이스는 여러가지 타입을 갖는 프로퍼티로 이루어진 새로운 타입을 정의하는 것과 유사하다. 인터페이스에 선언된 프로퍼티 또는 메소드의 구현을 강제하여 일관성을 유지할 수 있도록 하는 것이다. ES6는 인터페이스를 지원하지 않지만 TypeScript는 인터페이스를 지원한다. 인터페이..

웹 개발/#️⃣ TypeScript

TS | 타입 주석과 추론

| 타입 주석과 추론 시작전 tsconfig에서 두가지 옵션을 봐야함 1.모듈 모듈에는 AMD, CommonJS가 있다 AMD는 컴파일된 JS파일이 브라우저에서 돌아가는것을 말하고 CommonJS는 NodeJS에서 돌아가는 것을 말함 그래서 CommonJS로 설정 target은 변환된 JS파일이 어떤 버전으로 변환될것인가 ES6부터 엄청 바꼈는데 ES5 로 우선 설정 | 타입 주석 const a = 1; 이렇게 적고 마우스를 a에 올려놓으면 아무것도 안나옴 하지만 변수옆에 :(콜론)을 쓰고 타입을 적으면 변수 a위에 마우스를 올렸을때 타입이 보인다 const a: number = 1; 만약 이 변수값에 숫자말고 문자열을 적게된다면 const a: number = "Hello"; 이런식으로 잘못됐다고 알려..

웹 개발/#️⃣ TypeScript

TS | 설치 및 실행법

| TypeScript TypeScript실행순서 TypeScript -> JS -> nodejs -> OS ts->js 로 변환하는 과정을 컴파일 한다고 표현 준비물 node,npm typescript 설치하는법 npm install -g typescript 안되면 앞에 sudo 붙이면됨 설치 완료 후 타입스크립트 버전체크 tsc -v npm 초기화 npm init 엔터엔터엔터로 다 생략 package.json파일이 생성된다 타입스크립트 초기화 tsc --init tsconfig.json파일이 생성된다 잠시 2번라인을 눌러서 접기를 하자 "include" : ["**/*.ts"] => 어떤 타입스크립트 파일을 자바스크립트로 변환 할것이냐? 모든폴더의 모든 타입스크립트 파일을 변환하겠다 "exclude"..

이재원
'웹 개발/#️⃣ TypeScript' 카테고리의 글 목록 (3 Page)