[React ็ฌฌ1้จ] ไฝใฃใฆๆฏ่ผใใชใใๅญฆ็ฟใใReact
ไปใใReactใใใฃใใๅญฆใณใพใใใใ็ด็ฒใชJavaScriptๆนๅผใจๆฏ่ผใใชใใใReactใฎ็นๅพดใจๅฝนๅฒใๆใ็ฐกๅใซ็่งฃใงใใ่ฌๅบง๏ผ
ๅ่ฌ็ 2,007ๅ
้ฃๆๅบฆ ๅ็ด
ๅ่ฌๆ้ ็กๅถ้

- ๆช่งฃๆฑบ
๋ฆฌ์กํธ 1,2๋ถ ์ดํ ํ์ ๊ฐ์๋ ์ค๋น ์ค์ธ ๋ค๋ฅธ ๊ฐ์๊ฐ ์์ผ์ ๊ฐ์?
๊ฐ์ฌ๋, ๋ฆฌ์กํธ 1๋ถ ๊ฐ์๋ฅผ ๋๋ฌด ์์ฐจ๊ฒ ์๊ฐํ ํฐ๋ผ์ธํ๋ฐ์ ์ฌ๋ฆฌ์ ๋ฆฌ์กํธ 1,2๋ถ์ ํ์ ๊ฐ์๋ ์ค๋น ์ค์ธ ๋ค๋ฅธ ๊ฐ์ ๊ณํ์ด ์๋ ์ง ๊ถ๊ธํฉ๋๋ค.
javascriptreact์น์ฑmvcmosara9993720
ใป
7ใถๆๅ
1
101
2
- ๆช่งฃๆฑบ
super.show() ํธ์ถํ๋ ์ด์ ๊ฐ ๊ถ๊ธํฉ๋๋ค.
์๋ ํ์ธ์, ๊ฐ์ ์ ๋ฃ๊ณ ์์ต๋๋ค.23๊ฐ์์ SearchFormView ํด๋์ค์ show ๋ฉ์๋ ์ค๋ฒ๋ผ์ด๋ฉ๊ณผ ๊ด๋ จํ์ฌ ๊ถ๊ธํ ์ ์ด ์๊ฒจ์ ์ง๋ฌธ๋๋ฆฝ๋๋ค.// SearchFormView.
javascriptreact์น์ฑmvcleeebug
ใป
8ใถๆๅ
1
94
2
- ่งฃๆฑบ
class์ constructor๋ฅผ ์ด์ฉํ ๊ฐ์ฒด ์งํฅ ํ๋ก๊ทธ๋๋ฐ
์๋ ํ์ธ์ ๊ฐ์ฌ๋ ๋ฐ๋๋ผ ์๋ฐ์คํฌ๋ฆฝํธ๋ก ํ๋ก์ ํธ๋ฅผ ์งํํ ๋ class๋ฅผ ์ด์ฉํด์ ์ด๋ฅผํ ๋ฉด, export default class SearchFormView extends View {
reactmvcrjgo84689920
ใป
0
233
2
- ่งฃๆฑบ
mvc ํจํด ์ง๋ฌธ
์๋ ํ์ธ์ ๊ฐ์ฌ๋ ๊ฐ์๋ ๋จ์ผ ํ์ด์ง์ ๋ํด์ mvc ํจํด์ ์ก์ ๋ํ๋์ ํ์ด์ง๋ฅผ ๋์์ผ๋ก controller views helpers.js, main.js, storage.js, Store.js๋ฅผ ๋ง๋์ จ๋๋ฐ
reactmvcrjgo84689920
ใป
0
203
2
- ๆช่งฃๆฑบ
Cannot read properties of undefined (reading 'props')
<img src="https://cdn.inflearn.com/public/files/posts/0e262d71-0c95-4896-837e-3c25367a602d/c55e645c-813f-4abe-86fb-ec75e167c0fc.png" media-type="img"
reactmvcparkhj0629262
ใป
0
279
2
- ๆช่งฃๆฑบ
delegate, emit ํ์ํ ์ด์
์๋ ํ์ธ์. delegate์ emit ํจ์์ ํ์์ฑ์ด ์ ์๋ฟ์ง ์๋๋ฐ, ์ ํ์ํ๊ฑธ๊น์?
reactmvcparkhj0629262
ใป
0
201
2
- ๆช่งฃๆฑบ
์ด๋ค๊ฑฐ๋ฅผ ๋จผ์ ๋ค์ด์ผ ํ๋์ง ๋์์ฃผ์ธ์
์๋ ํ์ธ์์ฐ์ํํ์ ๋ค ํ๋ก ํธ์๋ ์๋์ด ๊ฐ๋ฐ์์ ์น ๊ฐ๋ฐ ๋ก๋๋งต ๊ฒฐ์ ๋ฅผ ํ๋๋ฐ, ๋ฆฌ์กํธ1 ๋ถํฐ ๋ค์ด๋ ๋ ๊น์? ์๋๋ฉด ์ด๋ค ๊ฐ์๋ถํฐ ๋ค์ด์ผ ํ๋์? ์ถ์ฒ์ ํด์ค ์ ์์๊น์? ํ๋ก ํธ์ ๋ํด์ ์์ ๋ชจ๋ฅด๋ ์ํ ์ ๋๋ค.
reactmvcwnsgks3286974
ใป
1
269
1
- ๆช่งฃๆฑบ
localhost:8080 ์ ์ ๋ถ๊ฐ
์๋ ํ์ธ์ ์ ์๋๋ฆฌ์กํธ ํ๋ก์ ํธ๋ฅผ ๋ณธ๊ฒฉ์ ์ผ๋ก ํ๊ธฐ ์ํด npm i -> npm start๋ก loc
reactmvcrjgo84689920
ใป
1
290
1
- ๆช่งฃๆฑบ
์ต๊ทผ๊ฒ์์ด 3 ํ์ด์์
์๋ ํ์ธ์ ์ ์๋ ์์ ์๋ฃ๊ณ ์์ต๋๋ค.๋ค์ ์์ค์ด ๋์ ์์ ์ด๋ผ ์กฐ๊ธ ํค๋งค๊ณ ์์ง๋ง์..์ต๊ทผ ๊ฒ์์ด 3์์ 2๋ถ 41์ด ๊ฒฝ์store js์์ 15๋ฒ์งธ ์ค search(keyword) {<p
reactmvcrjgo84689920
ใป
1
190
1
- ๆช่งฃๆฑบ
import ๋ฌธ์
์๋ ํ์ธ์. ๋จผ์ ์์ ์ ๋ฃ๊ณ ์์ต๋๋ค ๐ 6:41 ๋ถ๋ถ์์ import ๋ฌธ์ ๊ฐ ๋ฐ์ํ๋๋ฐ main.js ๊ธฐ์ค์ผ๋ก helpers.
reactshkim81702823
ใป
1
239
1
- ๆช่งฃๆฑบ
์๋๋ณํ ๊ด๋ จ
[๊ฒ์ํผ 1] ์ ๋ ฅ ๊ฐ์ ๊ธฐ์ตํ๊ธฐ - State ๊ฐ์์์ 2๋ถ 32์ด์ฏค์ type="text" placeholder="๊ฒ์์ด๋ฅผ ์ ๋ ฅํ์ธ์" aut
reactmvchtkim2208
ใป
1
204
1
- ๆช่งฃๆฑบ
sort() ์ง๋ฌธ ๋๋ฆฝ๋๋ค.
์๋ ํ์ธ์.์ต๊ทผ ๊ฒ์์ด ๊ตฌํ ์ค Store.js์์ ์คํ ๋ฆฌ์ง์ historyData๋ฅผ ๋ฐ์์์ sort๋ฅผ ํ ๋,๊ฐ์์์ ๋์ค๋๋๋ก > ๋ถ๋ฑํธ๋ก ํ๋ฉด ์ ๋ ฌ์ด ๋์ง ์๊ณ - ๋ฅผ ํด์ค์ผ ๋ด๋ฆผ์ฐจ์์ผ๋ก ์ ๋ ฌ์ด ๋ฉ๋๋ค.
reactmvchjw120886379
ใป
1
305
2
- ๆช่งฃๆฑบ
reset ์์ ์ searchResult ๋น ๋ฐฐ์ด๋ก update
์๋ ํ์ธ์. ์ด๋ฒ ์์ ์์ ์ฌ์ํ? ๊ถ๊ธ์ฆ์ด ์๊ฒจ์ ์ง๋ฌธ ๋จ๊น๋๋ค! handleReset() { this.setState(() => { r
reactmvcgrooveturtle290048
ใป
2
315
2
- ๆช่งฃๆฑบ
Button์ Onclick์ฌ์ฉ
{this.state.searchKeyword.length > 0 && (<button type="reset" className="btn-reset" onClick={even
reactmvcjoominchul918302
ใป
1
251
1
- ๆช่งฃๆฑบ
npx lite-server error ํ์ธ ์์ฒญ๋๋ฆฝ๋๋ค.
git ํ๋ก๊ทธ๋จ์์, code ํ์ธ ํ์npx lite-server --baseDir 1-vanilla ์คํํ๋ฉดnpm ERR! code ENOENTnpm ERR! syscall lstatnpm ERR! path C:\Users\ostri\AppData\Roaming\n
reactmvcdevocean4509
ใป
1
476
2
- ๆช่งฃๆฑบ
node 20์ด์ ์ธ๋ ๊ฟํ
package.json์์ "scripts": { "start": "export NODE_OPTIONS=--openssl-legacy-provider && webpack serve", "build": "we
reactmvcdohyunlim
ใป
4
762
3
- ่งฃๆฑบ
๋๋ฒ๊น ๊ด๋ จ์ง๋ฌธ์ด ์์ต๋๋ค.
์๋ ํ์ธ์ ์ ์๋ ์ง๋ฌธ์ด ์์ต๋๋ค.์ ๊ฐ ์๋ฐ, ์คํ๋ง๋ง ํด์ intellij ide ๋ก ๋๋ฒ๊น ๋ง ํด๋ณด์๋๋ฐ ์ด๋ฐ react๊ฐ์ ๊ฒฝ์ฐ๋ ์ด๋ป๊ฒ ํด์ผํ๋์?ํ์ฌ๋ console.log๋ก ๋๋ฒ๊น ํ์์ต๋๋ค. ps
reactmvcdohyunlim
ใป
1
296
1
- ๆช่งฃๆฑบ
[์์JS2]ํญ 3(ํ์ด) ์ง๋ฌธ์์ต๋๋ค.
์๋ ํ์ธ์ ์ ์๋ ๊ฐ์ ์ ๋ฃ๊ณ ์์ต๋๋ค.delegate์ ๊ดํด์ ์ ๊ฐ ์๋์ฒ๋ผ[(1),(2)] ์ดํดํ๊ณ ์๋๋ฐ ์ด๊ฒ์ด ๋ง๊ฒ ์ดํดํ๊ฒ์ธ์ง ๊ถ๊ธํฉ๋๋ค. 1) delegate์์emitEvent์ ๋ด๊ธฐ๋๊ฒ์ ์์ง ํธ์ถ๋์ง
reactmvcdohyunlim
ใป
1
229
1
- ่งฃๆฑบ
์ถ์ํ๋ฅผ ์ด๋ป๊ฒ ๋ฐ์๋ค์ด๋ฉด ๋ ๊น์??
์๋ ํ์ธ์.๊ฐ์ ๋ฃ๋ค๋ณด๋ฉด ์ ์๋๊ป์ ์ถ์ํ๋ผ๋ ๋ง์์ ์์ฃผ ํ์๋๋ฐ์ํ๋ก๊ทธ๋๋ฐ์์ ์ถ์ํ๋ผ๋ ๋ง์ด ์ ์๋ฟ์ง๊ฐ ์์ต๋๋คใ ใ ์ ์๋ ๊ฐ์ ์ธ์๋ ๋ค๋ฅธ ๊ฐ์๋ ์์ ๋ค๋ ๋ณด๋ฉด ์ถ์ํ๋ผ๋ ๋ง์ด ๊ฝค ๋์ค๋๊ฑธ ๋ณผ ์ ์๋๋ฐ ๊ทธ๋๋ง๋ค ์ถ์ํ
reactmvcpluto
ใป
1
440
1
- ่งฃๆฑบ
[๊ฒ์ํผ 1] View.js ํ์ผ ์ง๋ฌธ๊ณผ ํ์ต ์ง๋ฌธ
์๋ ํ์ธ์. ๊ฐ์ ๋ฃ๊ธฐ ์์ํ ์๊ฐ์ ์ ๋๋ค ใ ใ ๊ฐ์ ๋ฃ๊ธฐ์ ์ ์ฝ๋๋ ํ๋ฒ ์ดํด๋ณด๊ณ ๊ฒ์ํผ 1๊ฐ์๋ ๋ค์๋๋ฐ์์๋ฌด๋ฆฌ ๋ด๋ View.js ํ์ผ์์ class ๋ด๋ถ์ constructor์ ๋งค๊ฐ๋ณ์๋ก ์ ๋ฌ๋๋ element๊ฐ ๋ญ์ง ์ ๋ชจ๋ฅด๊ฒ ์ต
mvcpluto
ใป
1
331
1

