Share
Sign In
📄

라이브러리에 type이 없는 경우

1.
tsconfig.json에 type root를 추가해주어야 한다.
{ "compilerOptions": { "target": "es5", "lib": ["dom", "dom.iterable", "esnext"], "allowJs": true, "skipLibCheck": true, "strict": true, "forceConsistentCasingInFileNames": true, "noEmit": true, "noEmitOnError": true, "noUnusedLocals": true, "noUnusedParameters": true, "esModuleInterop": true, "module": "esnext", "moduleResolution": "node", "resolveJsonModule": true, "isolatedModules": true, "jsx": "preserve", "incremental": true, "typeRoots": ["./node_modules/@types", "./types"] }, "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"], "exclude": ["node_modules"] }
2.
Root에 types 라는 폴더를 생성한다.
3.
type이 없던 외부 라이브러리의 이름으로 폴더를 하나 생성 (예를들어, types/react-date-range)
4.
index.d.ts 에 자신이 타입을 다 정의해주어도 되며, 시간이 없다면 아래와 같이 추가해 주면 된다.
declare module 'react-date-range';
1.
tsconfig.json에 type root를 추가해주어야 한다.
{ "compilerOptions": { "target": "es5", "lib": ["dom", "dom.iterable", "esnext"], "allowJs": true, "skipLibCheck": true, "strict": true, "forceConsistentCasingInFileNames": true, "noEmit": true, "noEmitOnError": true, "noUnusedLocals": true, "noUnusedParameters": true, "esModuleInterop": true, "module": "esnext", "moduleResolution": "node", "resolveJsonModule": true, "isolatedModules": true, "jsx": "preserve", "incremental": true, "typeRoots": ["./node_modules/@types", "./types"] }, "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"], "exclude": ["node_modules"] }
2.
Root에 types 라는 폴더를 생성한다.
3.
type이 없던 외부 라이브러리의 이름으로 폴더를 하나 생성 (예를들어, types/react-date-range)
4.
index.d.ts 에 자신이 타입을 다 정의해주어도 되며, 시간이 없다면 아래와 같이 추가해 주면 된다.
declare module 'react-date-range';
1.
tsconfig.json에 type root를 추가해주어야 한다.
{ "compilerOptions": { "target": "es5", "lib": ["dom", "dom.iterable", "esnext"], "allowJs": true, "skipLibCheck": true, "strict": true, "forceConsistentCasingInFileNames": true, "noEmit": true, "noEmitOnError": true, "noUnusedLocals": true, "noUnusedParameters": true, "esModuleInterop": true, "module": "esnext", "moduleResolution": "node", "resolveJsonModule": true, "isolatedModules": true, "jsx": "preserve", "incremental": true, "typeRoots": ["./node_modules/@types", "./types"] }, "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"], "exclude": ["node_modules"] }
2.
Root에 types 라는 폴더를 생성한다.
3.
type이 없던 외부 라이브러리의 이름으로 폴더를 하나 생성 (예를들어, types/react-date-range)
4.
index.d.ts 에 자신이 타입을 다 정의해주어도 되며, 시간이 없다면 아래와 같이 추가해 주면 된다.
declare module 'react-date-range';
1.
tsconfig.json에 type root를 추가해주어야 한다.
{ "compilerOptions": { "target": "es5", "lib": ["dom", "dom.iterable", "esnext"], "allowJs": true, "skipLibCheck": true, "strict": true, "forceConsistentCasingInFileNames": true, "noEmit": true, "noEmitOnError": true, "noUnusedLocals": true, "noUnusedParameters": true, "esModuleInterop": true, "module": "esnext", "moduleResolution": "node", "resolveJsonModule": true, "isolatedModules": true, "jsx": "preserve", "incremental": true, "typeRoots": ["./node_modules/@types", "./types"] }, "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"], "exclude": ["node_modules"] }
2.
Root에 types 라는 폴더를 생성한다.
3.
type이 없던 외부 라이브러리의 이름으로 폴더를 하나 생성 (예를들어, types/react-date-range)
4.
index.d.ts 에 자신이 타입을 다 정의해주어도 되며, 시간이 없다면 아래와 같이 추가해 주면 된다.
declare module 'react-date-range';
1.
tsconfig.json에 type root를 추가해주어야 한다.
{ "compilerOptions": { "target": "es5", "lib": ["dom", "dom.iterable", "esnext"], "allowJs": true, "skipLibCheck": true, "strict": true, "forceConsistentCasingInFileNames": true, "noEmit": true, "noEmitOnError": true, "noUnusedLocals": true, "noUnusedParameters": true, "esModuleInterop": true, "module": "esnext", "moduleResolution": "node", "resolveJsonModule": true, "isolatedModules": true, "jsx": "preserve", "incremental": true, "typeRoots": ["./node_modules/@types", "./types"] }, "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"], "exclude": ["node_modules"] }
2.
Root에 types 라는 폴더를 생성한다.
3.
type이 없던 외부 라이브러리의 이름으로 폴더를 하나 생성 (예를들어, types/react-date-range)
4.
index.d.ts 에 자신이 타입을 다 정의해주어도 되며, 시간이 없다면 아래와 같이 추가해 주면 된다.
declare module 'react-date-range';
1.
tsconfig.json에 type root를 추가해주어야 한다.
{ "compilerOptions": { "target": "es5", "lib": ["dom", "dom.iterable", "esnext"], "allowJs": true, "skipLibCheck": true, "strict": true, "forceConsistentCasingInFileNames": true, "noEmit": true, "noEmitOnError": true, "noUnusedLocals": true, "noUnusedParameters": true, "esModuleInterop": true, "module": "esnext", "moduleResolution": "node", "resolveJsonModule": true, "isolatedModules": true, "jsx": "preserve", "incremental": true, "typeRoots": ["./node_modules/@types", "./types"] }, "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"], "exclude": ["node_modules"] }
2.
Root에 types 라는 폴더를 생성한다.
3.
type이 없던 외부 라이브러리의 이름으로 폴더를 하나 생성 (예를들어, types/react-date-range)
4.
index.d.ts 에 자신이 타입을 다 정의해주어도 되며, 시간이 없다면 아래와 같이 추가해 주면 된다.
declare module 'react-date-range';
1.
tsconfig.json에 type root를 추가해주어야 한다.
{ "compilerOptions": { "target": "es5", "lib": ["dom", "dom.iterable", "esnext"], "allowJs": true, "skipLibCheck": true, "strict": true, "forceConsistentCasingInFileNames": true, "noEmit": true, "noEmitOnError": true, "noUnusedLocals": true, "noUnusedParameters": true, "esModuleInterop": true, "module": "esnext", "moduleResolution": "node", "resolveJsonModule": true, "isolatedModules": true, "jsx": "preserve", "incremental": true, "typeRoots": ["./node_modules/@types", "./types"] }, "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"], "exclude": ["node_modules"] }
2.
Root에 types 라는 폴더를 생성한다.
3.
type이 없던 외부 라이브러리의 이름으로 폴더를 하나 생성 (예를들어, types/react-date-range)
4.
index.d.ts 에 자신이 타입을 다 정의해주어도 되며, 시간이 없다면 아래와 같이 추가해 주면 된다.
declare module 'react-date-range';
1.
tsconfig.json에 type root를 추가해주어야 한다.
{ "compilerOptions": { "target": "es5", "lib": ["dom", "dom.iterable", "esnext"], "allowJs": true, "skipLibCheck": true, "strict": true, "forceConsistentCasingInFileNames": true, "noEmit": true, "noEmitOnError": true, "noUnusedLocals": true, "noUnusedParameters": true, "esModuleInterop": true, "module": "esnext", "moduleResolution": "node", "resolveJsonModule": true, "isolatedModules": true, "jsx": "preserve", "incremental": true, "typeRoots": ["./node_modules/@types", "./types"] }, "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"], "exclude": ["node_modules"] }
2.
Root에 types 라는 폴더를 생성한다.
3.
type이 없던 외부 라이브러리의 이름으로 폴더를 하나 생성 (예를들어, types/react-date-range)
4.
index.d.ts 에 자신이 타입을 다 정의해주어도 되며, 시간이 없다면 아래와 같이 추가해 주면 된다.
declare module 'react-date-range';
1.
tsconfig.json에 type root를 추가해주어야 한다.
{ "compilerOptions": { "target": "es5", "lib": ["dom", "dom.iterable", "esnext"], "allowJs": true, "skipLibCheck": true, "strict": true, "forceConsistentCasingInFileNames": true, "noEmit": true, "noEmitOnError": true, "noUnusedLocals": true, "noUnusedParameters": true, "esModuleInterop": true, "module": "esnext", "moduleResolution": "node", "resolveJsonModule": true, "isolatedModules": true, "jsx": "preserve", "incremental": true, "typeRoots": ["./node_modules/@types", "./types"] }, "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"], "exclude": ["node_modules"] }
2.
Root에 types 라는 폴더를 생성한다.
3.
type이 없던 외부 라이브러리의 이름으로 폴더를 하나 생성 (예를들어, types/react-date-range)
4.
index.d.ts 에 자신이 타입을 다 정의해주어도 되며, 시간이 없다면 아래와 같이 추가해 주면 된다.
declare module 'react-date-range';
1.
tsconfig.json에 type root를 추가해주어야 한다.
{ "compilerOptions": { "target": "es5", "lib": ["dom", "dom.iterable", "esnext"], "allowJs": true, "skipLibCheck": true, "strict": true, "forceConsistentCasingInFileNames": true, "noEmit": true, "noEmitOnError": true, "noUnusedLocals": true, "noUnusedParameters": true, "esModuleInterop": true, "module": "esnext", "moduleResolution": "node", "resolveJsonModule": true, "isolatedModules": true, "jsx": "preserve", "incremental": true, "typeRoots": ["./node_modules/@types", "./types"] }, "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"], "exclude": ["node_modules"] }
2.
Root에 types 라는 폴더를 생성한다.
3.
type이 없던 외부 라이브러리의 이름으로 폴더를 하나 생성 (예를들어, types/react-date-range)
4.
index.d.ts 에 자신이 타입을 다 정의해주어도 되며, 시간이 없다면 아래와 같이 추가해 주면 된다.
declare module 'react-date-range';
1.
tsconfig.json에 type root를 추가해주어야 한다.
{ "compilerOptions": { "target": "es5", "lib": ["dom", "dom.iterable", "esnext"], "allowJs": true, "skipLibCheck": true, "strict": true, "forceConsistentCasingInFileNames": true, "noEmit": true, "noEmitOnError": true, "noUnusedLocals": true, "noUnusedParameters": true, "esModuleInterop": true, "module": "esnext", "moduleResolution": "node", "resolveJsonModule": true, "isolatedModules": true, "jsx": "preserve", "incremental": true, "typeRoots": ["./node_modules/@types", "./types"] }, "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"], "exclude": ["node_modules"] }
2.
Root에 types 라는 폴더를 생성한다.
3.
type이 없던 외부 라이브러리의 이름으로 폴더를 하나 생성 (예를들어, types/react-date-range)
4.
index.d.ts 에 자신이 타입을 다 정의해주어도 되며, 시간이 없다면 아래와 같이 추가해 주면 된다.
declare module 'react-date-range';
1.
tsconfig.json에 type root를 추가해주어야 한다.
{ "compilerOptions": { "target": "es5", "lib": ["dom", "dom.iterable", "esnext"], "allowJs": true, "skipLibCheck": true, "strict": true, "forceConsistentCasingInFileNames": true, "noEmit": true, "noEmitOnError": true, "noUnusedLocals": true, "noUnusedParameters": true, "esModuleInterop": true, "module": "esnext", "moduleResolution": "node", "resolveJsonModule": true, "isolatedModules": true, "jsx": "preserve", "incremental": true, "typeRoots": ["./node_modules/@types", "./types"] }, "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"], "exclude": ["node_modules"] }
2.
Root에 types 라는 폴더를 생성한다.
3.
type이 없던 외부 라이브러리의 이름으로 폴더를 하나 생성 (예를들어, types/react-date-range)
4.
index.d.ts 에 자신이 타입을 다 정의해주어도 되며, 시간이 없다면 아래와 같이 추가해 주면 된다.
declare module 'react-date-range';
1.
tsconfig.json에 type root를 추가해주어야 한다.
{ "compilerOptions": { "target": "es5", "lib": ["dom", "dom.iterable", "esnext"], "allowJs": true, "skipLibCheck": true, "strict": true, "forceConsistentCasingInFileNames": true, "noEmit": true, "noEmitOnError": true, "noUnusedLocals": true, "noUnusedParameters": true, "esModuleInterop": true, "module": "esnext", "moduleResolution": "node", "resolveJsonModule": true, "isolatedModules": true, "jsx": "preserve", "incremental": true, "typeRoots": ["./node_modules/@types", "./types"] }, "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"], "exclude": ["node_modules"] }
2.
Root에 types 라는 폴더를 생성한다.
3.
type이 없던 외부 라이브러리의 이름으로 폴더를 하나 생성 (예를들어, types/react-date-range)
4.
index.d.ts 에 자신이 타입을 다 정의해주어도 되며, 시간이 없다면 아래와 같이 추가해 주면 된다.
declare module 'react-date-range';
1.
tsconfig.json에 type root를 추가해주어야 한다.
{ "compilerOptions": { "target": "es5", "lib": ["dom", "dom.iterable", "esnext"], "allowJs": true, "skipLibCheck": true, "strict": true, "forceConsistentCasingInFileNames": true, "noEmit": true, "noEmitOnError": true, "noUnusedLocals": true, "noUnusedParameters": true, "esModuleInterop": true, "module": "esnext", "moduleResolution": "node", "resolveJsonModule": true, "isolatedModules": true, "jsx": "preserve", "incremental": true, "typeRoots": ["./node_modules/@types", "./types"] }, "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"], "exclude": ["node_modules"] }
2.
Root에 types 라는 폴더를 생성한다.
3.
type이 없던 외부 라이브러리의 이름으로 폴더를 하나 생성 (예를들어, types/react-date-range)
4.
index.d.ts 에 자신이 타입을 다 정의해주어도 되며, 시간이 없다면 아래와 같이 추가해 주면 된다.
declare module 'react-date-range';
1.
tsconfig.json에 type root를 추가해주어야 한다.
{ "compilerOptions": { "target": "es5", "lib": ["dom", "dom.iterable", "esnext"], "allowJs": true, "skipLibCheck": true, "strict": true, "forceConsistentCasingInFileNames": true, "noEmit": true, "noEmitOnError": true, "noUnusedLocals": true, "noUnusedParameters": true, "esModuleInterop": true, "module": "esnext", "moduleResolution": "node", "resolveJsonModule": true, "isolatedModules": true, "jsx": "preserve", "incremental": true, "typeRoots": ["./node_modules/@types", "./types"] }, "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"], "exclude": ["node_modules"] }
2.
Root에 types 라는 폴더를 생성한다.
3.
type이 없던 외부 라이브러리의 이름으로 폴더를 하나 생성 (예를들어, types/react-date-range)
4.
index.d.ts 에 자신이 타입을 다 정의해주어도 되며, 시간이 없다면 아래와 같이 추가해 주면 된다.
declare module 'react-date-range';
1.
tsconfig.json에 type root를 추가해주어야 한다.
{ "compilerOptions": { "target": "es5", "lib": ["dom", "dom.iterable", "esnext"], "allowJs": true, "skipLibCheck": true, "strict": true, "forceConsistentCasingInFileNames": true, "noEmit": true, "noEmitOnError": true, "noUnusedLocals": true, "noUnusedParameters": true, "esModuleInterop": true, "module": "esnext", "moduleResolution": "node", "resolveJsonModule": true, "isolatedModules": true, "jsx": "preserve", "incremental": true, "typeRoots": ["./node_modules/@types", "./types"] }, "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"], "exclude": ["node_modules"] }
2.
Root에 types 라는 폴더를 생성한다.
3.
type이 없던 외부 라이브러리의 이름으로 폴더를 하나 생성 (예를들어, types/react-date-range)
4.
index.d.ts 에 자신이 타입을 다 정의해주어도 되며, 시간이 없다면 아래와 같이 추가해 주면 된다.
declare module 'react-date-range';
1.
tsconfig.json에 type root를 추가해주어야 한다.
{ "compilerOptions": { "target": "es5", "lib": ["dom", "dom.iterable", "esnext"], "allowJs": true, "skipLibCheck": true, "strict": true, "forceConsistentCasingInFileNames": true, "noEmit": true, "noEmitOnError": true, "noUnusedLocals": true, "noUnusedParameters": true, "esModuleInterop": true, "module": "esnext", "moduleResolution": "node", "resolveJsonModule": true, "isolatedModules": true, "jsx": "preserve", "incremental": true, "typeRoots": ["./node_modules/@types", "./types"] }, "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"], "exclude": ["node_modules"] }
2.
Root에 types 라는 폴더를 생성한다.
3.
type이 없던 외부 라이브러리의 이름으로 폴더를 하나 생성 (예를들어, types/react-date-range)
4.
index.d.ts 에 자신이 타입을 다 정의해주어도 되며, 시간이 없다면 아래와 같이 추가해 주면 된다.
declare module 'react-date-range';
1.
tsconfig.json에 type root를 추가해주어야 한다.
{ "compilerOptions": { "target": "es5", "lib": ["dom", "dom.iterable", "esnext"], "allowJs": true, "skipLibCheck": true, "strict": true, "forceConsistentCasingInFileNames": true, "noEmit": true, "noEmitOnError": true, "noUnusedLocals": true, "noUnusedParameters": true, "esModuleInterop": true, "module": "esnext", "moduleResolution": "node", "resolveJsonModule": true, "isolatedModules": true, "jsx": "preserve", "incremental": true, "typeRoots": ["./node_modules/@types", "./types"] }, "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"], "exclude": ["node_modules"] }
2.
Root에 types 라는 폴더를 생성한다.
3.
type이 없던 외부 라이브러리의 이름으로 폴더를 하나 생성 (예를들어, types/react-date-range)
4.
index.d.ts 에 자신이 타입을 다 정의해주어도 되며, 시간이 없다면 아래와 같이 추가해 주면 된다.
declare module 'react-date-range';