TypeScript
-
[TypeScript] 타입 스크립트 헷갈리는 기초 문법IT Study/컴퓨터 기초 2023. 10. 3. 13:39
"[위키북스] 타입스크립트, 리액트, Next.js로 배우는 실전 웹 애플리케이션 개발" 책을 통해 TS, Next.js를 공부하고 있습니다. 1. 옵셔널 인수 (생략 가능, 인수명 뒤 ? 붙이기) function sayHello(name: string, greeting?: string): string { return `${greeting}, ${name}`; } console.log(sayHello("Three")); // 출력 : undefined, Three console.log(sayHello("스리", "안녕")); // 출력 : 안녕, 스리 2. 인수의 기본값 지정 (=) function sayHello(name: string, greeting: string = "안녕"): string { r..
-
TypeScript 5.2의 새로운 키워드: 'using' - 자원 관리의 혁신IT Study/FE 2023. 9. 18. 09:00
안녕하세요! 오늘은 정말 흥미로운 소식을 들고 왔습니다. 함께 공부하는 친구가 갑자기 "대박"이라고 하며, 노마드 코더의 영상 링크를 공유했는데요, 그 내용은 바로 TypeScript의 새로운 키워드 'using'이 나왔다는 것입니다. 저도 이 흥미로운 키워드에 대해 더 알아보고 공유하려 합니다. 바로 시작하겠습니다! 'using' 키워드란? 'using'은 TypeScript 5.2에서 새롭게 도입할 키워드로, 'using' 키워드가 적용된 코드 블록이나 함수의 실행이 종료될 때 Symbol.dispose 또는 Symbol.asyncDispose 메서드가 있는 객체를 자동으로 해제해 줍니다. 이를 통해 코드를 깔끔하고 안전하게 만들어 주며, 자원 관리를 효율적으로 할 수 있습니다. Symbol.disp..
-
[TypeScript] TypeScript의 필수 문법 (기본 개념)IT Study/FE 2023. 7. 17. 16:37
TypeScript 사용하는 이유 자바스크립트를 사용하며 접했던 모호한 에러메시지를 대신하여 타입스크립트는 엄격한 Type Rule로 인해 "에러메서지"를 친절하고 정확하게 알려줍니다. TypeScript를 사용하기 위해 알아야하는 기본 문법에 대해 아래의 예시를 통해 알아봅시다 :) 1. Type 지정 : Type string(소문자), number, boolean, null, undefined, bigint, [], {} | (Union Type) 여러 타입 중 하나를 지정하고 싶을 경우 사용하는 Union Type 지정 // 명시적 type 부여 let 이름: string = "Kim";// 이름이라는 변수에 string type만 지정 가능 let 이름: string[] = ["kim", "par..