沒入

제네릭(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가 존재할 때만 다음..