본문 바로가기

Front-End/TypeScript3

TypeScript 문법 { "compilerOptions": { "target" : "es5", "module : commjs" }}1. tsconfig.json 파일에서 target 부분에 내가 사용할 JavaScript 버전을 써주면 그 버전을 사용할수있음 2.let 숫자 :number = 123;변수명 옆에 ==> : (기본자료형) 넣어줄때 변수타입을 지정할수 있다. number 말고도string / boolean /nullany : 아무타입이나 가능let anything: any = 123;anything = "문자"; // 가능anything = true; // 가능unknown : any 타입 외에 어떤 타입에도 할당할 수 없음let unknownValue: unknown = "hel.. 2025. 9. 10.
TypeScript에 대해 생각해보니 저번 프로젝트에서 사용해봤던 TypeScript가 무엇인지 정확히 몰랐던것 같다..JavaScript로 개발할 때 문법오류 같은 것들을 잡아준다고만 알고있었어서 좀 깊게 공부해보려고하여 포스팅하게 되었다..!다른 블로그 포스팅도 좋지만 부끄러운 영어실력으로 일단 공식문서가서 맨땅에 헤딩해봤다 - 타입스크립트는 JavaScript에 추가적인 문법을 더해 편집기와의 통합을 긴밀하게 지원한다. 또한 편집기에서 에러를 조기에 잡을 수 있다.- 타입스크립트 코드는 자바스크립트코드로 변환되고 자바스크립트가 작동하는 어디에서나 작동이 된다 (Node.js,Deno,Bun 환경 및 당신의 앱에서)- 타입 스크립트는 JavaScript를 이해하고 타입 추론기능을 활용해 추가적인 코드 작성없이 좋은 개발 도구를.. 2025. 9. 1.
[TypeScript] Interface 처음엔 React의 Props 문법을 사용하려고 하다가 TypeScript에서 사용한 더 편한 예시를 봤다. 더 편한 코드를 짜고 싶기에 한 번 사용해봤다 interface SliedeSwProps{ title : String; content : String; } const slides : SliedeSwProps [] = [ {title : "Nike", content : "Just Do It"}, {title : "Adidas", content : "삼선이 이쁨"}, {title : "Hoka", content : "치고 올라오는 브랜드"}, {title : "Mizuno", content : "발 편한 축구화 맛집"}, {title : "UMBRO", content : "바람막이 이쁨"}, ]; T.. 2024. 4. 20.