์น ๊ฒ์์ ๋ง๋ค๋ฉฐ ๋ฐฐ์ฐ๋ React์ TypeScript ์ ์ฉํ๊ธฐ
๋ฆฌ์กํธ๋ก ๋ง๋ ์น ๊ฒ์๊ณผ React Router, Redux, MobX์ ํ์ ์คํฌ๋ฆฝํธ๋ฅผ ๋ถ์ฌ๋ณด๋ฉด์ ๋ฆฌ์กํธ์ ํ์ ์คํฌ๋ฆฝํธ๋ฅผ ๊ฐ์ด ์ฌ์ฉํด๋ด ์๋ค.
์๊ฐ์ 905๋ช
๋์ด๋ ์ค๊ธ์ด์
์๊ฐ๊ธฐํ ๋ฌด์ ํ
- ๋ฏธํด๊ฒฐ
express response ํ์
type JsonBody = { success: boolean; data: any; }; declare global { namespace Express { export interface Response { json: (
reacttypescriptharuharu
ใป
0
201
1
- ํด๊ฒฐ
createRoot
import * as React from 'react'; import * as ReactDOM from 'react-dom/client'; import GuGuDan from './GuGuDan';
reacttypescript์ฑ๋ฅ์ด
ใป
0
274
1
- ๋ฏธํด๊ฒฐ
babel-loader์ง๋ฌธ์ ๋๋ค! ์์ฐ๋์ง ๊ถ๊ธํฉ๋๋ค!
react-typescript๊ฐ์ข ๋๋ง์๊ธฐ ๋ถ๋ถ์์ ๋ฏธ๋์์ ์จ ์ ๋ก์ด๋๊ป์webpack.config.tsํ์ผ์ ์ถ๊ฐํ๋ผ๊ณ ํ์ babel-loader์ ๊ดํด์ ์ง๋ฌธ์ด ์์ต๋๋ค.module์ค์ ํ๋ ๋ถ๋ถ์ babel-loader๋ฅผ ์ถ๊ฐํด์ฃผ์
reacttypescriptrud167637
ใป
0
678
1
- ๋ฏธํด๊ฒฐ
undefined ์ฒ๋ฆฌ
๊ฐ์์์ computerChoice์ ๋ฆฌํดํ์ ์ undefined๊ฐ ์ถ๊ฐ๋์ด์๋ ๋ฌธ์ ํด๊ฒฐํ์ค๋ if() throw new Error(); ์ฌ์ฉํด์ ์ฒ๋ฆฌํ๊ฑฐ๋ ๋๋ํ(!) ์ฌ์ฉํ์ ๋คํ๋๋ฐ if() throw new Error();๋ก ์ด๋ป๊ฒ ์ฒ๋ฆฌํ์ ๋ค๋๊ฑด์ง ์ ์
typescriptreactharuharu
ใป
0
485
1
- ๋ฏธํด๊ฒฐ
compilerOptions lib ๊ด๋ จ
๊ฐ์์์ lib ์ต์ ๋ฐฐ์ด์ es5, es2015, es2016, es2017 ๋ฑ ๋ชจ๋ ์ ์ด๋๋ฉด ์ข๋ค๊ณ ๋ง์ํด์ฃผ์ จ๋๋ฐ ์คํ์ ์ถ๊ฐ๋ ๋ฌธ๋ฒ์ด๋ ์ด๋ฐ๊ฒ๋ค์ ์ฌ์ฉํ๊ธฐ ์ํด์ ๊ทธ๋ ๊ฒ ๋ง์ํด์ฃผ์ ๊ฑธ๋ก ์๋๋ฐ ๋ค๋ฅธ๊ฒ๋ค์ ์์ฑํ์ง ์๊ณ ์๋์ ๊ฐ์ด<pre class="
typescriptreactharuharu
ใป
0
322
1
- ๋ฏธํด๊ฒฐ
event type ์ฐพ๊ธฐ
์๋ ํ์ธ์ ๋ค๋ฅธ ๊ธฐ๋ณธ์ ์ธ data type๋ค์ ์ ์๋์ ๋ฐ๋ผ ์ฌ์ฉํ๋ฉด ๋๋๋ฐ, event type ๊ฐ์ ๊ฒฝ์ฐ๋ ๊ต์ฅํ ๋ฏ์ค๊ณ ๊ทธ๋ฅ ๊ฐ์ผ๋ก ํ๋ ๊ฒ ๊ฐ์ด ์ ์ ์ฉํ๋์ง ์๋ฌธ์ด ๋ญ๋๋ค.event type์ ์ ๋๋ก ์ ์ฉํ๋์ง ํ์ธํ๋ ๋ฐฉ๋ฒ์ด
typescriptreact๊ทน๋ณต๋ฐค์ก
ใป
0
316
1
- ๋ฏธํด๊ฒฐ
์ ํํ type vs ๊ฐ๋ ์ฑ
์ผ๋ฐ์ผ์ด๊ฒ ์ง๋ง, ๊ฐ๋ ์ฑ์ด ์ข ๋จ์ด์ง๋๋ผ๋ type์ ์ ํํ๊ฒ ํํํ๋ ๊ฒ์ด ๋์ค์ ํ๋ก์ ํธ๊ฐ ์ปค์ง ๋ ๋์์ด ๋ ๊น์?js๋ก ์์ฑํ์ ๋๋ณด๋ค ts๊ฐ ๊ฐ๋ ์ฑ์ด ๊ฐ์ธ์ ์ผ๋ก ๋ง์ด ๋จ์ด์ง๋๋ผ๊ณ ์...
typescriptreact๋ฐ์ค๋์นด
ใป
0
284
1
- ๋ฏธํด๊ฒฐ
useRef์ ๋ํด ์ง๋ฌธ๋๋ฆฝ๋๋ค.
์๋ฐ์คํฌ๋ฆฝํธ๋ ์ค๋ฒ๋ก๋ฉ์ ์ง์ํ์ง ์๋ ๊ฑธ๋ก ์๊ณ ์์ต๋๋ค.useRef๊ฐ 3๊ฐ์ง ๊ฒฝ์ฐ๋ก ๋๋ ์ ์ฌ์ฉ์ด ๊ฐ๋ฅํ ์ด์ ๊ฐ ๊ถ๊ธํฉ๋๋ค.
reacttypescript๋ฐ์ค๋์นด
ใป
0
298
1
- ํด๊ฒฐ
tsxํ์ผ์์ ์๋ฌ ํ์
์๋ ํ์ธ์ ์ ๋ก์ด๋ํ์ฌ ๊ฐ์๋ฅผ ๋ค์ผ๋ฉด์ tsxํ์ผ๋ก ์งํ์ ํ๊ณ ์๋๋ฐ<img src="https://cdn.inflearn.com/public/files/posts/67db02a1-1b64-490e-a971-240a6372c170/imag
reacttypescript์ด๋ฒ๋ฆฌ๋ฒ
ใป
0
848
1
- ๋ฏธํด๊ฒฐ
Props type ์ง๋ฌธ๋๋ฆฝ๋๋ค.
const Try: FunctionComponent = ({ tryInfo }) => {...} ๋์ ์ const Try = ({ tryInfo } : TryInfo) =>
reacttypescript๋ฐ์ค๋์นด
ใป
0
222
1
- ๋ฏธํด๊ฒฐ
webpack.config.ts/ Could not find a declaration file for module '@pmmmwh/react-refresh-webpack-plugin'.
์๋ ํ์ธ์, ๊ฐ์ข๋ฅผ ๋ฐ๋ผ๊ฐ๋ ์ค ์ค๋ฅ๊ฐ ์๊ฒจ ์ง๋ฌธ๋๋ฆฝ๋๋ค. ๋ถ๋ช <span style="color: #ecc48d; background-color: #011627; font-fami
typescriptreactGia
ใป
0
583
1
- ๋ฏธํด๊ฒฐ
18๋ฒ์ ์์์ ReactDOM.render
18๋ฒ์ ์์ ์ปดํ์ผ์ ์ ์์ ์ผ๋ก ๋์์ผ๋ ReactDOM.render ์ง์์ด ์๋๋ค๋ ์๋ฌ๊ฐ ๋์ต๋๋ค. ๊ทธ๋์ ์๋์ฒ๋ผ ๋ณ๊ฒฝ ํ๋๋ฐ, ์ด๋ถ๋ถ๋ ๋ค๋ค์ฃผ์๋ฉด ์ข๊ฒ ์ต๋๋ค. <div style="color: #fff1f3; background-colo
reacttypescriptJ.M. Lee
ใป
1
651
1
- ๋ฏธํด๊ฒฐ
๊นํ๋ธ์ react-router@6 ์ ๋ฐ์ดํธ ํด์ฃผ์ ์ฝ๋ ์ง๋ฌธ๋๋ฆฝ๋๋ค.
์ ๋ก์ด๋ ์๋ ํ์ธ์, ์ข์ ๊ฐ์ ๋ง๋ค์ด์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค. https://github.com/ZeroCho/ts-react/blob/master/react-router/GameMatcher.tsx react-router@6๋ฒ์ ์ผ๋ก ์ ๋ฐ์ดํธ
reacttypescript๋ฐ์ฌ๋ฏผ
ใป
0
283
1
- ๋ฏธํด๊ฒฐ
2๊ฐ ๋๋ง์๊ธฐ npx webpack ์ค๋ฅ๊ฐ ์ง์์ฌํญ
syntaxError๋ฅผ ๊ตฌ๊ธ๋ง ํด๋ด๋ ์ ๋ชจ๋ฅด๊ฒ ์ต๋๋ค ... <img title="์๋ฌ1.png" src="https://cdn.inflearn.com/public/files/posts/c943a4b1-f826-4ff1-8d16-1ebc7fcf7c85
reacttypescripttlsgkdals71
ใป
0
398
1
- ํด๊ฒฐ
Property 'render' does not exist on type 'IntrinsicAttributes & (PathRouteProps | LayoutRouteProps | IndexRouteProps)'.
<pre class="language-javascript
typescriptreact์ ์คํ ์ ์ด
ใป
0
707
1
- ๋ฏธํด๊ฒฐ
webpack.config.ts import ํ ๋ ์๋ฌ์ข ๋ด์ฃผ์ธ์!!
์๋ ํ์ธ์ <div class="type-pla
typescriptreact๊นํ์ค
ใป
0
296
1
- ๋ฏธํด๊ฒฐ
React.FC์ ๋ํด ๊ถ๊ธํฉ๋๋ค.
์๋ ํ์ธ์~ React.FC์ ๋ํด ์กฐ๊ธ ์ฐพ์๋ณด๋ ์ฌ์ฉํ์ง ์๋ ๊ฒ์ ์ถ์ฒํ๋ค๋ ๋ง์ด ์๋๋ฐ, ์ํฉ์ ๋ง๊ฒ ์ฌ์ฉํ๋ฉด ๋๋ ๊ฒ์ธ์ง ์๋๋ฉด ์ฌ์ฉํ์ง ์๋ ์ถ์ธ๊ฐ ๋ง๋ ๊ฒ์ธ์ง ๋ํ ์ฌ์ฉํ์ ์ด์
reacttypescriptHndx
ใป
0
693
1
- ๋ฏธํด๊ฒฐ
๊ฐ์๋ฐ์๋ณด interval ํ์ ๊ณผ ์ด๋ฒคํธํ์ ์ ๊ดํ์ง๋ฌธ
Q1. ์ ๋ก์ด๋ ๊ฐ์๋ฐ์๋ณดํธ์์๋ interval์ ์ด๊ธฐ๊ฐ๊ณผ ํ์ ์ null์ด ์์ด์ <img src="https://cdn.inflearn.com/public/files/posts/2e
reacttypescriptdo wang
ใป
0
337
1
- ๋ฏธํด๊ฒฐ
npm run dev ์คํ์ ์ฑ๊ณต์ ์ผ๋ก ๋๋๋ฐ
npm run dev ์คํ์ ์ฑ๊ณต์ ์ผ๋ก ๋๋๋ฐ </
typescriptreactdo wang
ใป
0
665
2
- ๋ฏธํด๊ฒฐ
redux ์ ๋ฃ๊ฐ์ข๋ฅผ ๋ฃ๊ณ ์์ผ ๋๋์ง ์ฌ์ญ์ด๋ณด๋ ค๊ณ ํฉ๋๋ค.
๊ฐ์ ์ด๋ฐ์ redux์ ๋ํด์ ๋ฏธ๋ฆฌ ๊ณต๋ถํด์ค๊ณ redux์ type ๋ถ์ด๋๊ฒ๋ง ์๋ ค์ฃผ์ ๋ค๊ณ ํ์ จ๋๋ฐ react ๋ฌด๋ฃ๊ฐ์ข์์๋ redux์ ๋ํด ์ค๋ช ํ ๊ฒ์ด ์์ผ์ จ๋๊ฑฐ ๊ฐ์์์.. ์ ๋ก๊ฐ์ข์ธ redux + mobx
์ ๋ฃ๊ฐ์ขreduxtypescriptreactyjym33
ใป
0
313
1






