Search
moon
sun

React

React μ†Œκ°œ

Node.js μ„€μΉ˜ν•˜κΈ° (Windows)

β€£

1. winget으둜 Node.js μ„€μΉ˜

winget install OpenJS.NodeJS
React κ°œλ°œν™˜κ²½ μ„€μΉ˜
React μ‹œμž‘ν•˜κΈ°

React ν”„λ‘œμ νŠΈ 생성

vite 둜 ν”„λ‘œμ νŠΈ
npx 둜 ν”„λ‘œμ νŠΈ
λͺ¨λ“ˆ μ„€μΉ˜
React ν”„λ‘œμ νŠΈ

node_modules λΉ λ₯Έ μ‚­μ œ

rimraf λͺ¨λ“ˆ μ „μ—­ μ„€μΉ˜
npm install -g rimraf
node_modules μ‚­μ œ λͺ…λ Ή
node_modules μ‚­μ œ
React Extension
Vite & React
JSX
Element
Component
State
Props

Lifecycle Methods (생λͺ…μ£ΌκΈ° λ©”μ„œλ“œ)

μ»΄ν¬λ„ŒνŠΈμ˜ 생λͺ…μ£ΌκΈ° λ™μ•ˆ νŠΉμ • μ‹œμ μ— μ‹€ν–‰λ˜λŠ” λ©”μ„œλ“œ

Mounting

Updating

Lifecycle
Hook
Router
React Style
Context
Redux

Throttle (μ“°λ‘œν‹€)

μ΄λ²€νŠΈκ°€ 아무리 많이 λ°œμƒν•΄λ„ μ§€μ •ν•œ delay κ°„κ²©λ§ˆλ‹€ λ”± ν•œ 번만 μ‹€ν–‰λ©λ‹ˆλ‹€.

λΉ„μœ 

Throttle

React Custom Hook (μ»€μŠ€ν…€ ν›…)

1. μ»€μŠ€ν…€ ν›…μ΄λž€?

핡심 κ·œμΉ™

Custom Hook

Vite ν”„λ‘μ‹œ(Proxy) μ„€μ • κ°€μ΄λ“œ

1. ν”„λ‘μ‹œ(Proxy)λž€?

ν”„λ‘μ‹œλŠ” ν΄λΌμ΄μ–ΈνŠΈμ™€ μ„œλ²„ μ‚¬μ΄μ—μ„œ μš”μ²­μ„ μ€‘κ³„ν•˜λŠ” 쀑간 μ„œλ²„μž…λ‹ˆλ‹€.
[λΈŒλΌμš°μ €] β†’ [Vite Dev Server (ν”„λ‘μ‹œ)] β†’ [λ°±μ—”λ“œ API μ„œλ²„] :5173 :5173/api/... :8080
Proxy