{"id":46,"date":"2023-07-19T10:42:42","date_gmt":"2023-07-19T01:42:42","guid":{"rendered":"http:\/\/www.viw.co.kr\/ep\/?p=46"},"modified":"2023-07-19T10:43:36","modified_gmt":"2023-07-19T01:43:36","slug":"cyberphani-myreactapp-%ec%8b%a4%ed%8c%a8","status":"publish","type":"post","link":"http:\/\/www.viw.co.kr\/ep\/cyberphani-myreactapp-%ec%8b%a4%ed%8c%a8\/","title":{"rendered":"cyberphani\/MyReactApp :: \uc2e4\ud328"},"content":{"rendered":"\n


https:\/\/github.com\/cyberphani\/MyReactApp<\/a>

npx create-react-app . –template typescript

npm install typescript @types\/node @types\/react @types\/react-dom @types\/jest

npm i @sinclair\/typebox<\/p>\n\n\n\n

TypeScript error in C:\/VIW\/MyReactApp-master\/web\/node_modules\/@sinclair\/typebox\/typebox.d.ts(349,42):\n'?' expected.  TS1005\n\n    347 | export type TTemplateLiteralConst<T, Acc extends string> = T extends TUnion<infer U> ? {\n    348 |     [K in keyof U]: TTemplateLiteralUnion<Assert<[U[K]], TTemplateLiteralKind[]>, Acc>;\n  > 349 | }[number] : T extends TTemplateLiteral ? `${Static<T>}` : T extends TLiteral<infer U> ? `${U}` : T extends TString ? `${string}` : T extends TNumber ? `${number}` : T extends TBigInt ? `${bigint}` : T extends TBoolean ? `${boolean}` : never;\n        |                                          ^\n    350 | export type TTemplateLiteralUnion<T extends TTemplateLiteralKind[], Acc extends string = ''> = T extends [infer L, ...infer R] ? `${TTemplateLiteralConst<L, Acc>}${TTemplateLiteralUnion<Assert<R, TTemplateLiteralKind[]>, Acc>}` : T extends [infer L] ? `${TTemplateLiteralConst<L, Acc>}${Acc}` : Acc;\n    351 | export interface TTemplateLiteral<T extends TTemplateLiteralKind[] = TTemplateLiteralKind[]> extends TSchema {\n    352 |     [Kind]: 'TemplateLiteral';<\/pre>\n\n\n\n
package\ub97c \ud2b9\uc815 \ubc84\uc804\uc73c\ub85c \uc124\uce58\ud574\uc57c\ud568.<\/p>\n\n\n\n
npm install typescript@4.1.6\nnpm install -D @types\/express-serve-static-core@4.17.3<\/pre>\n\n\n\n
\uc624\ub958 <\/p>\n\n\n\n
C:\/VIW\/MyReactApp-master\/web\/node_modules\/@types\/jest\/index.d.ts\nTypeScript error in C:\/VIW\/MyReactApp-master\/web\/node_modules\/@types\/jest\/index.d.ts(1238,40):\n',' expected.  TS1005\n\n    1236 |      * Constructs the type of a spied class.\n    1237 |      *\/\n  > 1238 |     type SpiedClass<T extends abstract new (...args: any) => any> = SpyInstance<\n         |                                        ^\n    1239 |         InstanceType<T>,\n    1240 |         ConstructorParameters<T>,\n    1241 |         T extends abstract new (...args: any) => infer C ? C : never<\/pre>\n\n\n\n
\ud0c0\uc785\uc2a4\ud06c\ub9bd\ud2b8 \ub2e4\uc2dc \uc124\uce58.<\/p>\n\n\n\n
yarn add typescript @types\/node @types\/react @types\/react-dom @types\/jest<\/pre>\n\n\n\n
\uc624\ub958 <\/p>\n\n\n\n
Cannot find type definition file for 'color-name'.\n  The file is in the program because:\n    Entry point for implicit type library 'color-name'<\/pre>\n\n\n\n
tsconfig.json \uc218\uc815<\/p>\n\n\n\n
“types”: [“node”] \ucd94\uac00<\/p>\n\n\n\n
{\n  \"extends\": \".\/tsconfig-base.json\",\n  \"compilerOptions\": {\n    \"types\": [\"node\"]\n  },\n}<\/pre>\n\n\n\n
\uc624\ub958 \ubc1c\uc0dd<\/p>\n\n\n\n
TypeScript error in C:\/VIW\/MyReactApp-master\/web\/src\/modules\/department\/components\/DepartmentForm.tsx(61,16):\nJSX element type 'Form' does not have any construct or call signatures.  TS2604\n\n    59 |     renderForm = (formik: FormikProps<any>) => (\n    60 |         <div className={'form'}>\n  > 61 |               <Form onSubmit={formik.handleSubmit}>\n       |                ^\n    62 |                   <Form.Group widths='equal'>\n    63 |                     <Form.Input\n    64 |                             name='dName' fluid<\/pre>\n\n\n\n
\"\"\/<\/figure>\n","protected":false},"excerpt":{"rendered":"
https:\/\/github.com\/cyberphani\/MyReactApp npx create-react-app . –template typescript npm install typescript @types\/node @types\/react @types\/react-dom @types\/jest npm i @sinclair\/typebox TypeScript error in C:\/VIW\/MyReactApp-master\/web\/node_modules\/@sinclair\/typebox\/typebox.d.ts(349,42): ‘?’ expected. TS1005 347 | export type TTemplateLiteralConst<T, Acc extends string> = T extends TUnion<infer U> ? { 348 | [K in keyof U]: TTemplateLiteralUnion<Assert<[U[K]], TTemplateLiteralKind[]>, Acc>;…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-46","post","type-post","status-publish","format-standard","hentry","category-site","no-post-thumbnail"],"_links":{"self":[{"href":"http:\/\/www.viw.co.kr\/ep\/wp-json\/wp\/v2\/posts\/46","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.viw.co.kr\/ep\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.viw.co.kr\/ep\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.viw.co.kr\/ep\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.viw.co.kr\/ep\/wp-json\/wp\/v2\/comments?post=46"}],"version-history":[{"count":1,"href":"http:\/\/www.viw.co.kr\/ep\/wp-json\/wp\/v2\/posts\/46\/revisions"}],"predecessor-version":[{"id":47,"href":"http:\/\/www.viw.co.kr\/ep\/wp-json\/wp\/v2\/posts\/46\/revisions\/47"}],"wp:attachment":[{"href":"http:\/\/www.viw.co.kr\/ep\/wp-json\/wp\/v2\/media?parent=46"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.viw.co.kr\/ep\/wp-json\/wp\/v2\/categories?post=46"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.viw.co.kr\/ep\/wp-json\/wp\/v2\/tags?post=46"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}