Courses
Reviews
- Developing web applications using React & Express
- React for Everyone: React Core Course for Beginners
- Developing web applications using React & Express
- React for Everyone: React Core Course for Beginners
- Developing web applications using React & Express
Posts
Q&A
props์ ์ ์์ ๋ํ ์ง๋ฌธ์ ๋๋ค.
์ปดํฌ๋ํธ ์์ ์ด ๋ณ๊ฒฝํ์ง ๋ชปํ๋ฉฐ ๊ทธ ์์ ์ปดํฌ๋ํธ์์๋ ๋ณ๊ฒฝ์ด ๊ฐ๋ฅํ ๊ฐ์ ๋๋ค.
- 0
- 1
- 344
Q&A
์๊ฐ์๋ฃ๋ ์ด๋์ ๋ฐ๋์
์๋ฃ๋ ์ฌ๊ธฐ์ ์์ต๋๋ค: https://velopert.com/3613
- 1
- 1
- 542
Q&A
var๋ฅผ ์ฌ์ฉ์ํ๋ค ํ์ จ๋๋ฐ
var๋ฅผ ์จ๋ ์ค๋ฅ๋ ๋์ง ์์ง๋ง, ๋ ์ด์ ์ฌ์ฉํ ์ด์ ๊ฐ ์๋ต๋๋ค ใ ใ var์ ์ฌ์ฉํ์๋ ๋ฐ์ํ๋ ๋ฌธ์ ์ ์ ๋ณด์ํ, let๊ณผ const๋ง์ผ๋ก ๋ค ํ ์ ์์ผ๋๊น์!
- 0
- 1
- 379
Q&A
npx๋ฅผ ์ฌ์ฉํ๋ ์ด์ ๋ฅผ ์๊ณ ์ถ์ด์.
์ฃผ์ ์ฐจ์ด์ ์ ์ธ์ ๋ ์ต์ ๋ฒ์ ์ create-react-app ์ ์ฌ์ฉํ๊ฒ ๋๋ค๋ ์ ์ ๋๋ค.๋ง์ฝ์ global ๋ก ๋ฏธ๋ฆฌ ์ค์นํ๋ค๋ฉด, ์ ๋ฐ์ดํธ๊ฐ ๋ผ๋ ๋ณ๋๋ก ์ ๋ฐ์ดํธ ๋ช ๋ น์ด๋ฅผ ์ ๋ ฅํ์ง ์๋ ์ด์ ์ด์ ๋ฒ์ ์ ์ฌ์ฉํ๊ฒ ๋ ๊ฑฐ๊ตฌ์,
- 0
- 3
- 382
Q&A
npx๋ฅผ ์ฌ์ฉํ๋ ์ด์ ๋ฅผ ์๊ณ ์ถ์ด์.
์ฃผ์ ์ฐจ์ด์ ์ ์ธ์ ๋ ์ต์ ๋ฒ์ ์ create-react-app ์ ์ฌ์ฉํ๊ฒ ๋๋ค๋ ์ ์ ๋๋ค.๋ง์ฝ์ global ๋ก ๋ฏธ๋ฆฌ ์ค์นํ๋ค๋ฉด, ์ ๋ฐ์ดํธ๊ฐ ๋ผ๋ ๋ณ๋๋ก ์ ๋ฐ์ดํธ ๋ช ๋ น์ด๋ฅผ ์ ๋ ฅํ์ง ์๋ ์ด์ ์ด์ ๋ฒ์ ์ ์ฌ์ฉํ๊ฒ ๋ ๊ฑฐ๊ตฌ์,
- 0
- 3
- 382
Q&A
map์ ์ฌ์ฉํ ๋ ์ง๋ฌธ์ ๋๋ค.
JSX ๋ฅผ () ๋ก ๊ฐ์ธ๋๊ฒ์ ์ ํ์ ์ ๋๋ค.๋ณดํต ๊ฐ๋ ์ฑ์ ์ํด์ ์ฌ์ฉํฉ๋๋ค :) ์ํด๋ ๋ฌด๋ฐฉํฉ๋๋ค.
- 0
- 1
- 219
Q&A
์๋ ํ์ธ์ ๊ฐ์์๋ฃ๋ฅผ ๋ฐ์ ์ ์์๊น์?
๊ฐ์ ๋ด์ฉ์ด ์์ ํ ๋์ผํ์ง๋ ์์ต๋๋ค. ์ฝ๋์ชฝ์์ ๋ฏธ์ธํ๊ฒ ์ฐจ์ด๊ฐ ์์ต๋๋ค :)http://react-anyone.vlpt.us/
- 0
- 1
- 248
Q&A
MVC์ ๋ฌธ์ ์ ์ REDUX๊ฐ ์ด๋ป๊ฒ ํด๊ฒฐํด์ฃผ๋์ง ์ด๋ณด์๋ ์ดํดํ๊ธฐ ์ด๋ ต์ต๋๋ค.
์๋ฐฉํฅ ๋ฐ์ดํฐ ๋ฐ์ธ๋ฉ์ ์ํ๊ฐ ์ ๋ฐ์ดํธ๋๋ฉด ๋ทฐ๊ฐ ์ ๋ฐ์ดํธ๋๊ณ , ๊ทธ ๋ฐ๋๋ก ๋ทฐ๊ฐ ์ ๋ฐ์ดํธ๋๋ฉด ์ํ๊ฐ ์ ๋ฐ์ดํธ ๋ฉ๋๋ค. AngularJS 1 ์์ model ์ ๋ณํ๋ฅผ ์ฃผ๋ฉด ๋ทฐ๋ ์๋์ผ๋ก ๋ฐ์์ด๋์ฃ . ๊ทธ๋ฆฌ๊ณ , view ์ ์๋ input ํ๋๋ฅผ ์์ ํ๋ฉด ๊ทธ ๊ฐ์ด ์์ ์ด ๋๋๋๋ก ๋ชจ๋ธ์ ๊ฐ์ด ๋ณํฉ๋๋ค. ์ด๋ฌํ ๊ตฌ์กฐ๋ ๋ง์ ์ฑ์์ ์ ๋๋ก ์๋ํ๊ธด ํฉ๋๋ค. ํ๋ฆ์ ์๊ฐ์ ์ผ๋ก ๋ณด์๋ฉด ์ด๋ฐ๋๋์ด์ฃ ๋ทฐ ์ํ ์ฌ๊ธฐ์ ์ํ๊ฐ, ๋ทฐ์ ์ํด์ ๋ณํ ์๋์๊ณ , ์ปจํธ๋กค๋ฌ์ ์ํ์ฌ ๋ณํ ์๋ ์๋ค๋ณด๋, ๊ฐ๋์ฉ์ ๋ฐ์ดํฐ ํ๋ฆ์ ์์ํ๊ธฐ๊ฐ ํ๋ญ๋๋ค. ํ์ง๋ง Flux ๊ตฌ์กฐ๋ฅผ ์ฌ์ฉํ๋ค๋ฉด state ๋ action ์ dispatch๋ฅผ ํด์ผ๋ง ์ ๋ฐ์ดํธ ํ ์ ์๊ตฌ์, ์ด state ์ ๋ณํ๊ฐ ์์๋๋ง๋ค ์๋์ผ๋ก ๋ทฐ๊ฐ re-render ๋ฉ๋๋ค. ์ํ๊ฐ ๊ฐ๋ค๋ฉด, ์ธ์ ๋ ๊ฐ์ ๊ฒฐ๊ณผ๋ฅผ ๋ ๋๋งํ๊ฒ ์ฃ . ๋ฐ๋ผ์, ์ํ์ ๋ฐ๋ผ ์ด๋ค ๋ทฐ๊ฐ ๋ณด์ฌ์ง์ง ์์์ ํ ์ ์๋ ๋ฐฉ๋ฉด, ์๋ฐฉํฅ๋ฐ์ดํฐ๋ ์์ธกํ ์๊ฐ์์ฃ . ๊ฐ๊ฐ ์์ ์ model ์ ์ง๋๊ณ ์์ผ๋๊น์. ํ์... ์ ๋ ์ฌ์ค ์ด๋ป๊ฒ ์ค๋ช ์ ํด์ผ ์ดํดํ๊ธฐ ์ฌ์ธ์ง ๋ชจ๋ฅด๊ฒ ์ต๋๋ค. ๋จธ๋ฆฟ์์์ ํฐ๊ทธ๋ฆผ์ ๊ทธ๋ ค์ง๋๋ฐ ๋ฑ ๋ช ํํ๊ฒ ์ค๋ช ๋๋ฆฌ๊ธฐ๊ฐ ์ด๋ ต๋ค์. Redux ์ ์ค์ ํฌ์ธํธ๋ ๋ง์ํ์ ๋๋ก 1) ๋จ๋ฐฉํฅ ๋ฐ์ดํฐ ํ๋ฆ 2) ํ๊ฐ์ ์คํ ์ด์์ ๋ชจ๋ ๊ฑธ ๊ด๋ฆฌํ๋ค๋๊ฒ ์ ๋๋ค. ์ปดํฌ๋ํธ๋ค์ด ๋ถ๋ชจ - ์์ ํธ๋ฆฌ ๊ตฌ์กฐ๋ก ์ด๋ค์ ธ์๊ณ , ๊ฐ์ฒดํํ๋ก store ์ ์ํ๊ฐ ๋ด๊ฒจ์๊ธฐ ๋๋ฌธ์ ๊ถํฉ์ด ์ ๋ง๊ณ , ๊ทธ store ์์, state ์ ๋ฐ๋ผ ์ธ์ ๋ ๊ฐ์ ๋ทฐ๊ฐ ์์ฑ๋๋ค๋๊ฒ ์ ๋๋ง ์ดํดํ์๊ณ Redux ๋ฅผ ์ฌ์ฉํด๋ณด์๋ฉด์, ์ด ๊ตฌ์กฐ๊ฐ ์ด๋ป๊ฒ ํธํ์ง, ํน์ ์์ ์๊ฒ ์ ์๋ง๋์ง ํ๋จ์ ํด๋ณด์๋๊ฒ ์ข์๊ฒ๊ฐ์ต๋๋ค (์ ๋ ๊ต์ฅํ ํธํ๋ค๊ณ ์๊ฐํ๋๋ฐ ์ฌ๋๋ง๋ค ๋ค๋ฅด๋๊น์. ์ ๋ ์ฒ์ ์ฌ์ฉํ ๋๋, ์ด๊ฑธ ์ ๊ตณ์ด ์ฌ์ฉํด์ผ ํ๋ ์ถ์๋๋ฐ, ๊ฐ์ธ ํ๋ก์ ํธ์์ ์ฌ์ฉ์ ํด๋ณด๋ฉด์ ์ ๋ง ์ ๋ง ์ ๋ง ์ค์ํ๋๊ฑธ ๊นจ๋ฌ์์ต๋๋ค. ๊ถ๊ธ์ฆ์ด ์กฐ๊ธ์ด๋๋ง ํด๊ฒฐ๋์์ผ๋ฉด ์ข๊ฒ ์ต๋๋ค.
- 0
- 1
- 241
Q&A
๋ชฝ๊ณ ๋๋น๋ ์๋ดค์ด์ ใ ใ
์ ๋ด์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค! ์์ฆ ๋๋ฌด ๋ฐ๋น ์ ์งํ์ ๋ชปํ๊ณ ์์ด์ ใ ใ ํด๋น ํ๋ก์ ํธ์ ํ ์คํธ ํํ๋ก ๋ ๊ฐ์ข๋ https://velopert.com/tag/reactcodelab ์์ ํ์ธ ํ์ค ์ ์์ต๋๋ค. ์์ผ๋ก์ ๋์์ ๊ฐ์ข ์๋ฆฌ์ฆ์ ๊ณํ์, ์๋ฒ์์ API ๋ฅผ ๋ง๋ค๊ณ React ํ๋ก์ ํธ์์ ์๋ฒ์ ์ปค๋ฎค๋์ผ์ด์ ํ๋ ์์ ๊น์ง๋ง ์์๋ณด๊ณ ๋๋จธ์ง๋ ํ ์คํธ๊ฐ์ข๋ก ๋ง๋ฌด๋ฆฌ ํ ์์ ์ ๋๋ค. ๋ค์ ๋์์์ 11์๋ฌ์ฏค์ ๋ง๋ค์ด์ง๊ฒ๊ฐ์ต๋๋ค ใ ใ
- 0
- 1
- 188
Q&A
๋ค์ ๊ฐ์ข๋ ์ธ์ ์ฏค ์ฌ๋ผ์ฌ๊น์?
์์ฆ ๋๋ฌด ๋ฐ๋น ์ ๊ฐ์ข๋ฅผ ๋ชป๋ง๋ค๊ณ ์์ต๋๋ค ใ ใ ์ฃ์กํฉ๋๋ค. ์ข ๋ ์ค์ ์ค์ ์ค๋ฌ์ด๊ฒ๋ค์ https://velopert.com/tag/reactcodelab ์ฌ๊ธฐ์ ํ์ธ ํ์ค ์ ์์ต๋๋ค (์ ํฌ๊ฐ ๋ง์ง๋ง์ ๋ง๋ค ํ๋ก์ ํธ๋ฅผ ๋ง๋๋ ๊ณผ์ ์ ๋๋ค) ์์ผ๋ก ๊ฐ์ข์ ๊ณํ์ ์กฐ๊ธ ๋ฐ๊พธ์๋๋ฐ, Express & MongoDB ๋ฅผ ํตํ์ฌ API ๋ฅผ ๋ง๋ค๊ณ , ๋ฆฌ์กํธ ํ๋ก์ ํธ์์ ์๋ฒ์ ์ปค๋ฎค๋์ผ์ด์ ํ๋ ๋ฐฉ๋ฒ๊น์ง๋ง ์์๋ณด๊ณ ๋๋จธ์ง๋ ์ ํ ์คํธ ๊ฐ์ข๋ก ์ฐ๊ฒฐ์์ผ์ ๋ง๋ฌด๋ฆฌ ํ ๊น ํฉ๋๋ค. ๊ทธ๋ฆฌ๊ณ , ๋ด๋ ์ ์ ๋ง ์ ๋๋ก ๋ ๊ฐ์ข๋ฅผ ๋ง๋ค์ด๋ณผ๊น ์๊ฐ์ค์ ๋๋ค. (์ด๋ฒ์ ๋ง๋ ๋์์ ์๋ฆฌ์ฆ๊ฐ ์ ๊ฐ ์ฒ์์ผ๋ก ๋ง๋ค์ด๋ณธ ๋์์ ๊ฐ์ข์ด๊ณ , ๋ ์ข ๊ธํ๊ฒ ๋ง๋ค๊ธฐ๋ํด์.. ์ค๋ช ์ด ์กฐ๊ธ ๋น ์ง ๋ถ๋ถ๋ ์๊ณ ํด์์)
- 0
- 1
- 201