TypeScript

제네릭(Generic)이란?C나 자바 같은 정적 언어에서 다양한 타입 간에 재사용성을 높이기 위해 사용하는 문법이다. 타입스크립트도 정적 타입을 가지므로 제네릭 문법을 지원한다.제네릭의 사전적 의미는 일반적인 것(general)을 뜻하는데, 타입스크립트의 제네릭도 이와 비슷하게 '일반화된 데이터' 타입이라 볼 수 있다.제네릭: 함수, 타입, 클래스 등에서 내부적으로 사용할 타입을 미리 정해두지 않고 타입 변수를 사용해서 해당 위치를 비워 둔 다음에, 실제로 그 값을 사용할 때 외부에서 타입 변수 자리에 타입을 지정하여 사용하는 방식-> 이렇게 하면 함수, 타입, 클래스 등 여러 타입에 대해 하나하나 따로 정의하지 않아도 되기 때문에 재사용성이 크게 향상된다.타입 변수는 일반적으로 와 같이 꺾쇠괄호 내부에..

오늘 날짜, 현재 시각 가져오기 const getDefaultDate = () => { const today = new Date(); const year = today.getFullYear(); const month = (today.getMonth() + 1).toString().padStart(2, '0'); const day = today.getDate().toString().padStart(2, '0'); const hours = today.getHours().toString().padStart(2, '0'); const minutes = today.getMinutes().toString().padStart(2, '0'); const seconds = today.getSeconds().toStrin..

interface IDownloadExcelParams { responseType?: ResponseType; } const fileAPI = { downloadExcel: (params: IDownloadExcelParams) => { return JSON.get(`file/excel`, params); }, } API 정의 부분 const [isDownloading, setIsDownloading] = useState(false); const downloadTemplate = async () => { try { setIsDownloading(true); const response = await fileAPI.downloadExcel({ responseType: 'blob', }); if (respon..

1. 키(Key)와 프로퍼티(Property) 객체(Object)는 여러 개의 데이터를 하나로 묶어 표현하는 데이터 구조이다. 객체 안의 각 데이터 요소를 프로퍼티라고 부르며, 프로퍼티는 이름(키)과 값으로 구성된다. const person = { name: 'Alice', age: 30, job: 'Engineer' }; name, age, job은 key이고 Alice, 30, Engineer은 프로퍼티의 값이라고 부른다. 2. 타입(Type) 타입은 변수, 매개변수, 함수 등에 어떤 종류의 값이나 데이터가 들어갈 수 있는지를 명시하는 역할을 한다. TypeScript에서는 타입을 사용하여 변수나 함수의 인자 등의 값이 어떤 형태를 가져야 하는지를 명확하게 지정할 수 있습니다. const age: n..

TypeScript 에서 변수가 string 형태여야 하는데 undefined일 때 발생하는 타입 에러로, 흔하게 발생한다. 가장 간단한 해결책은, 값이 undefined일 경우 빈 문자열인 ''을 할당해주는 것이다. 아래는 그 예시이다. const userName: string = userDetails?.userName || '';

다음 코드의 문제가 무엇일까? {relData?.totalElements > 1 && ( handleChangeRepPopup(!showChangeRepPop)} style={{ marginRight: '10px' }} > {t('button.filecomponent.changeRep')} )} → 'relData.totalElements' is possibly 'undefined'. 콘솔에 이런 오류가 출력 된다. 말 그대로, relData.totalElements 가 undefined 일 수 있기 때문이 이런 오류가 나는 것이다. 가장 간단한 해결방법은 relData && relData.totalElements > 1 && ( 이렇게 조건부 렌더링을 이용하는 것이다. relData가 존재할 때만 다음..