[TypeScript] TypeScript 기본지식

🎧 타입 지정변수 만들 때 타입을 지정해 줄 수 있음let name :string = 'Mino'변수명 :타입명 의 형식으로 사용 타입으로 사용 가능한 것들string, number, boolean, bigint, null, undefined, [], {} 타입을 지정하는 이유?JS에서는 에러 메세지를 모호하게 알려주지만,타입을 지정해서 사용하면 어디서 에러가 나는지 알기 편함= 타입 관련 버그가 생겨도 빠르게 디버깅 가능let name :string = 'Mino'name = 123 // 여기서 에러가 생김 만약에 여러가지 타입이 가능하다면?해당 변수에 여러가지 타입의 데이터가 들어 올 수 있다면 | 기호를 사용함let name :string | number = 'Mino'name = 123 ..

• format_list_bulleted FrontEnd/TypeScript
• · 2024. 6. 28.
• textsms

[TypeScript] 타입을 한 곳에 모아보자~~

배경 consult라는 type이 상당히 긴데, 자주쓰임 아이고 불편해…그래서 따로 빼서 import 하려고 함 해 보 자 고 src/types/DataTypes.ts 라는 파일을 만들어 주고, // DataTypes.ts // 고민 타입 export type consultType = { consultId : number, memberId : number, title : string, content : string, categoryId : number } 이런식으로 export를 바로 하면서 넣어주자 만약 여러개가 되어도 // DataTypes.ts // 고민 타입 export type consultType = { consultId : number, memberId : number, title : str..

• format_list_bulleted FrontEnd/TypeScript
• · 2024. 3. 22.
• textsms

[TypeScript] TypeScript와 함께 비동기 처리를 해보자

배경 api요청을 하는 함수를 따로 빼놓고, import해서 불러와서 사용함 근데 함수 돌아가기 전에 set어쩌구를 했더니 결과가 화면에 안나옴(= 저장이 안됨) 그래서 비동기를 위해 async await 사용하고자 함 근데 타입 지정 어떻게 해야함? 공식 문서에서는 Promise 을 쓰라고 합니다. 해결한 코드 // 우선 함수가 들어있는 ts파일 import axios from "axios"; // 고민 타입 type consultType = { consultId : number, memberId : number, title : string, content : string, categoryId : number } // try-catch 사용했을 때 async function getConsults(): ..

• format_list_bulleted FrontEnd/TypeScript
• · 2024. 3. 22.
• textsms