Webใฒใผใ ใไฝใฃใฆๅญฆใถReact
Webใฒใผใ ใงใชใขใฏใใๅญฆใณใพใใใใ ClassใHooksใฎใในใฆใๅญฆใณใContext APIใจReact RouterใWebใใใฏใใใผใใซใพใงใใใซๅญฆใณใพใใ
ๅ่ฌ็ 17,754ๅ
้ฃๆๅบฆ ๅ็ด
ๅ่ฌๆ้ ็กๅถ้
- ๆช่งฃๆฑบ
npm run dev ์คํ ์ ํฌํธ๊ฐ ์๋จ๋ ๋ฌธ์
package.json{ "name": "tic-tac-toe", "version": "1.0.0", "main": "index.js",
reactheewon97
ใป
9ใถๆๅ
0
185
2
- ๆช่งฃๆฑบ
timeouts.current๋ฅผ useEffect ์ input๊ฐ์ผ๋ก ๋ฃ์์๋
timeouts.current๊ฐ useEffect์ input ์ธ์๋ก ๋ค์ด๊ฐ๊ฑฐ์ ๋ํด์ ํท๊ฐ๋ ค์ ์ ๊ฐ ์ดํดํ๊ฒ ๋ง๋์ง 1๋ฒ ํ์ธ ๋ถํ๋๋ฆฝ๋๋ค. 2๋ฒ์ ์ง๋ฌธ์ ๋๋ค.
reactheewon97
ใป
9ใถๆๅ
0
73
2
- ๆช่งฃๆฑบ
๋ ๋๋ง ํ ์คํธ ์ฝ๋ (Hooks)
import React, { useState } from "react"; const Test = () => { const [counter, setCounter] = useSta
reactheewon97
ใป
10ใถๆๅ
0
71
1
- ๆช่งฃๆฑบ
Cannot find package 'react-refesh' ์ด๋ฐ ์๋ฌ ๋จ์๋ ๋ถ๋ค ๋ณด์ธ์.
ํ์๊ฐ ํค๋งค๋ค ๋คํํ ํด๊ฒฐ์ฑ ์ฐพ์์ต๋๋ค.๊ธฐ์กด ๊ฐ์ข์ @pmmmwh/react-refresh-webpack-plugin ํด๋น ํ๋ฌ๊ทธ์ธ ๋ฒ์ ์ฐจ์ด ๋๋ฌธ์ ๋ฐ์ํ ์๋ฌ ๊ฐ์ต๋๋ค. webpack.config.js ํ์ผ์ ์๋
reacthaedodi
ใป
0
137
1
- ๆช่งฃๆฑบ
ํด๋น ์๋ฌ ๋จ๋ ๋ถ๋ค ๋ณด์ธ์. "Uncaught TypeError: ReactDom.createRoot is not a function"
package.json ํ์ผ ๋ณด์๋ฉด ๋ฆฌ์กํธ ๋ฒ์ ์ด ๋์ค์คํ ๋ฐ ์ ๋ 19 ๋ฒ์ ์ด๋ผ ์๊ฐ์ ์๋ฌ๊ฐ ๋จ๋ค์. ๋ฐ๋ผ์, ๊ธฐ์กด ์ฝ๋๋ฅผ (๋ฆฌ์กํธ 17๋ฒ์ ์ดํ์์ ์ ์์๋)..const ReactDom = requ
reacthaedodi
ใป
1
179
1
- ๆช่งฃๆฑบ
๊ฐ์ฌ๋ ๋ ํฌ์งํ ๋ฆฌ์์ ์ฝ๋ ๋ณต์ฌ ์ master ๋ธ๋์น ๋ง๊ณ react18 ๋ธ๋์น๊บผ ๋ณต๋ถํ์ธ์ใ ใ
master ๋ธ๋์น๊ฐ ๋ ์ต์ ์์ ์ผ์ด๋ผ์ master๊บผ ๋ณต๋ถํด์ ์ฐ๋ค๊ฐ ๊ณ์ createRoot ๊ด๋ จ ์๋ฌ๊ฐ ๋์ 30๋ถ์ ๋ ํค๋งค์๋ค์..ํ์ธํด๋ณด๋ master ๋ด ์ฝ๋ ์ผ๋ถ๊ฐ react 18๋ก ๋ณ๊ฒฝ์ด ์๋์ด์ ๊ทธ๋ฐ๊ฑฐ ์๋ค์..
reacthaedodi
ใป
0
94
1
- ๆช่งฃๆฑบ
useMemo์ useCallback ์ฌ์ฉ ์๊ธฐ
์๋ ํ์ธ์.useMemo์ useCallback์ ๋ํ ์ฌ์ฉ ์๊ธฐ์ ๊ด๋ จํด์ ์ฌ์ญค๋ณด๊ณ ์ถ์ต๋๋ค.useMemo์ useCallback์ ์ฌ์ฉํ๋ค๋ฉด ํน์ ์ํฉ์ ์ ์ธํ๊ณ , ๊ธฐ์ต๋ ๊ฐ ๋๋ ํจ์๋ฅผ ์ฌ์ฉํ์ฌ ์ฑ๋ฅ์ ์ฌ๋ฆด ์ ์๋ค๋ ๋ถ๋ถ๊น์ง ์ดํดํ์ต๋
reactuseMemousecallbacksishappyjiwon9728
ใป
0
189
2
- ๆช่งฃๆฑบ
onRightClickTd๊ฐ ์๋์ ํ์ง ์์ต๋๋ค.
const onRightClickTd = useCallback( (e) => { e.preventDefault(); if (halted) {
reactssi02014
ใป
0
219
1
- ๆช่งฃๆฑบ
action.type ๋ถ๋ฌ์ค๋ ๋ฐฉ์
import/export๊ฐ ์๋ require/module.export๋ก ํ์ผ ๋ถ๋ฌ์ค๊ณ ์๋๋ฐ์. action.type ๊ฐ ์ ๋ฌ์์ ๊ถ๊ธํ ์ ์ด ์์ด์ ์ง๋ฌธ ๋จ๊ฒผ์ต๋๋ค! ๋จผ์ ์๋ ์ฝ๋๋ก<code class="la
reactinsung9405538
ใป
0
210
2
- ๆช่งฃๆฑบ
onClickRedo ์ง๋ฌธ
componentDidUpdate๋ฅผ ์ฌ์ฉํ์ง ์๊ณ this.componentDidMount()๋ฅผ ๋ค์ ๋ถ๋ฌ์์ ์คํ์์ผ๋์ ์์ ์ผ๋ก ์๋ํ๋๋ฐ ์ด๊ฑด ๊ถ์ฅํ์ง ์๋ ๋ฐฉ๋ฒ์ธ๊ฐ์?ํน์ ๊ทธ ์ด์ ๊ฐ ๋ ๊ธด ๋ผ์ดํ ๋ผ์ดํด์ ๊ฐ๊ฒ ๋ผ์ ๊ทธ๋ฐ๊ฐ
reactinsung9405538
ใป
0
167
1
- ๆช่งฃๆฑบ
const Try = require(./Try) ๋นจ๊ฐ์ค
const Try = require('./Try');์ด๋ ๊ฒ ๋ถ๋ฌ์ค๋ฉด ๊ฒ์ ์คํ์ ๋๋๋ฐ ๋นจ๊ฐ์ค์ด ๊ทธ์ด์ ธ์์ด์.์ด๋ฏธ ํฌํจ๋ ํ์ผ ์ด๋ฆ์ด๋ผ๋ ์ค๋ฅ๋ผ๋ค์..'./' ์ง์ฐ๋ฉด ๋นจ๊ฐ์ค์ ์ฌ๋ผ์ง๋๋ฐ ์ฝ๋๊ฐ ์ค
reactinsung9405538
ใป
0
237
1
- ๆช่งฃๆฑบ
npx webpack ์คํ์
[์ ๋ก์ด ๊ฐ์ข ์ง๋ฌธ ํ๋ ์ฌํญ์ ๋๋ค]์ง๋ฌธ์๋ ์ฌ๋ฌ๋ถ์๊ฒ ๋์์ด ๋๋ ์ง๋ฌธ๊ณผ ๋์์ด ๋์ง ์๋ ์ง๋ฌธ์ด ์์ต๋๋ค.๋์์ด ๋๋ ์ง๋ฌธ์ ํ๋ ๋ฐฉ๋ฒ์ ์๋ ค๋๋ฆฝ๋๋ค.https://www.youtube.com/watch?v=PUKOWrOuC0c<
reactlsy09065577
ใป
0
307
1
- ๆช่งฃๆฑบ
์ง๋ขฐ์ฐพ๊ธฐ ๊ฐ์ข์์ ๋น์นธ๋ค ํ๋ฒ์ ์ด๊ธฐ ํํธ์์ ์ฌ์ญค๋ณด๊ณ ์ถ์๋ถ๋ถ์ด ์์ด์ ๊ธ ์ฌ๋ฆฝ๋๋ค.
์๋ ํ์ธ์ ์ ๋ก์ด๋๋๋ถ์ ์ข์ ๊ฐ์ ๋๋ฌด ์ ๋ณด๊ณ ์์ต๋๋ค.์ด ๊ฐ์ ์ ๋ฆฌํ๊ณ ๋ค์ ๋ฆฌ์กํธ๋ก sns๋ง๋ค๊ธฐ๋ฅผ ๋ณด๋ ค๊ณ ํ๋๋ฐ์ง๋ขฐ์ฐพ๊ธฐ ๊ฐ์ข์์ ๋น์นธ๋ค ํ๋ฒ์ ์ด๊ธฐ ํํธ์์ ์ฌ์ญค๋ณด๊ณ ์ถ์๋ถ๋ถ์ด ์์ด์ ๊ธ ์ฌ๋ฆฝ๋๋ค.๋ผ์ด๋ธ๋ก ์ค
reactdydcodydco0983
ใป
0
231
1
- ๆช่งฃๆฑบ
๊ฐ์ข์์ ๋ค๋ฃจ์ง ์์ ๊ธฐ๋ฅ๋ค์ ์ด๋ป๊ฒ ํ์ตํ๋ฉด ์ข์๊น์?
์๋ ํ์ธ์ ์์ ์ ๋ฆฌ์กํธ ๊ฐ์ข๋ฅผ ์๊ฐํ๊ณ ์ทจ์ ๋ค์ ๋ค์ ๊ฐ์ข๋ฅผ ์ฐพ์๋ณด๊ฒ ๋์์ต๋๋ค.์์ฆ ๊ณต๋ถ๋ฐฉ๋ฒ์ ๋ํด์ ๊ณ ๋ฏผ์ด ๋ง์ด ๋๋๋ฐ ๊ณต์๋ฌธ์๋ฅผ ํผ์ณ๋๊ณ ๊ณต๋ถํ๊ฒ ๋๋ฉด ์ด๊ฑธ ์ด๋์ ์ ์ฉํ๋ ์๋ฌธ์ด ๋ค๋ฉด์ ์ด๋์ ์ ์ฉํ ์ง ๋ชจ๋ฅด๋ ์ด๋ก ๋ง ์๊ณ ๋์ด๊ฐ๋๋ฐ ์ด๋ฐ์์ผ๋ก
reactghwnd64487587
ใป
0
294
1
- ๆช่งฃๆฑบ
react devtool์ด enable ์๋ฉ๋๋ค.
๋ ธ๋ ๊ฐ๋ฐ์ ์ ๋๋ค. ๋ฐฑ์๋๋ง ํ๋ค๊ฐ ์ด๋ฒ์ ํ๋ฐํธ ํ์ต ์ค์ ๋๋ค. ๊ฐ์ฌํฉ๋๋ค. ์ง๋ฌธ์ ๋ง์ํ์ ๋๋ก React devtools ์ ์ค์นํ์ต๋๋ค. ๊ทธ๋ฆฌ๊ณ ์์ค๋ ์ ๋ก๋ ๊น์์ react18์ zip์ผ๋ก ๋ฐ์์ ์์ถ ํ๊ณ vscode์์ ์์ถ ํผ ํด๋
reactnanyahoo8323
ใป
0
514
2
- ๆช่งฃๆฑบ
React ๋๋๋ง์ด ๋์ง ์์ต๋๋ค.
์๋ ํ์ธ์. ์ ๋ก์ด๋, ๊ฐ์ ๋์์ด ๋ง์ด ๋๊ณ ์์ต๋๋ค.๋ค๋ฆ์ด ์๋๋ผ,webpack-dev-server๋ฅผ ์คํ์ ํ์ ๋, app.jsํ์ผ์ ์ ๊ฐ์ ธ์ค๋๋ฐ, ํ๋ฉด์ด ๋๋๋ง ๋์ง ์์ต๋๋ค. (์๋
reacttjdxorv1283
ใป
0
406
2
- ๆช่งฃๆฑบ
๋น๋๊ธฐ๋ก ๋์ํ๋ setState์ ๋ํด์
์๋ ํ์ธ์ ์ ๋ก์ด๋setState ์ง๋ฌธ์ด ์๋๋ฐ์์๋ ์ฝ๋์์ 1๋ฒ ์ฝ๋์ ๊ฒฝ์ฐ setStateํจ์๋ ๋น๋๊ธฐ๋ผ์ ํด๋น ์ด๋ฒคํธ ํจ์๊ฐ ์คํ๋ ํ setStateํจ์๋ฅผ ๋ชจ์์ ์ผ๊ด ์ฒ๋ฆฌํ๊ธฐ ๋๋ฌธ์ +3์ด ์๋ +1๋ก ๋ ๋๋ง๋๋ค ๋ผ๊ณ ์๊ณ ์
reactseong08145945
ใป
0
318
1
- ๆช่งฃๆฑบ
npm run dev ํ ๋ ์๋ฌ๋ฐ์
์๋ฌ๋ฉ์ธ์ง: [webpack-cli] Invalid configuration object. Webpack has been initialized using a configuration object that does not
reacttaetaeky073580
ใป
0
463
2
- ๆช่งฃๆฑบ
memo, PureComponenet, shouldComponentUpdate ๊ด๋ จ ์ง๋ฌธ
์๋ ํ์ธ์ ๋ ๊ฐ์ ์ ๋ณด๊ณ ์์ต๋๋ค! ๊ฐ์๋ฅผ ๋ณด๋ ์ค ๊ถ๊ธํ ์ ์ด ์๊ฒจ ์ง๋ฌธ ๋จ๊น๋๋คใ ใ <img src="https://cdn.inflearn.com/public/files/posts/17f933c6-f20f-426b-8b8
reactlove05529563
ใป
0
200
1
- ๆช่งฃๆฑบ
devMiddleware์ ํ์์ฑ
์๋ ํ์ธ์! ์ข์ ๊ฐ์ ๊ฐ์ฌํฉ๋๋ค:)๊ถ๊ธํ ์ ์ด ์์ด์ ์ง๋ฌธ ๋จ๊น๋๋ค.devMiddleware์ด ์นํฉ์์ ๋น๋ํ ํ์ผ์ ๋ํ ๊ฒฝ๋ก๋ผ๊ณ ์ดํดํ์ต๋๋ค. ๊ทธ๋ฐ๋ฐ output.publicPath์ ๋น๋ํ ํ์ผ ์์น ์ ์ด์ฃผ๊ณ index.html์์
reactlove05529563
ใป
0
347
1

