| ์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | ||||
| 4 | 5 | 6 | 7 | 8 | 9 | 10 |
| 11 | 12 | 13 | 14 | 15 | 16 | 17 |
| 18 | 19 | 20 | 21 | 22 | 23 | 24 |
| 25 | 26 | 27 | 28 | 29 | 30 | 31 |
- node
- error
- ํ์ ์คํฌ๋ฆฝํธ
- nodejs
- ํ๋ก๊ทธ๋๋จธ์ค
- ๋ ธ๋
- react
- ์ต๊ทค๋ฌ
- Javascript
- ๋ง์์ปค๋ฅ์
- ์๋ฐ์คํฌ๋ฆฝํธ
- ์ฝ๋ฉํ ์คํธ
- ๋ฐฑ์๋
- Array
- ์ฝ๋ฉํ ์คํธ์ฐ์ต
- ์๋ฌ
- angular
- npm
- Programmers
- Reduce
- Method
- CLI
- indexOf
- ๋ ธ๋์ ์ด์์ค
- ๋ ธ๋js
- Nextjs
- TypeScript
- ๊ฐ๋ฐ
- codingtest
- slice
- Today
- Total
๋ชฉ๋กcreate-react-app (1)
Suzie's Blog
[REACT] CRUD ๋ง๋ค๊ธฐ
์น๊ฐ๋ฐ์ ์ ์ผ ๊ธฐ๋ณธ์ด๋ฉด์ ์ ๋๋ก ํ ์ค ์์์ผ ํ๋ CRUD! (C: create / R: read / U: update / D: delete) ๋ฅผ ๋ง๋ค์ด๋ณด์. 1. React ์ค์น (nodeJS ๊ฐ ์ด๋ฏธ ์ค์น๋์ด์๋ค๋ ๊ฐ์ ํ์) ์ค์นํ๊ณ ์ ํ๋ ํด๋์ ์ ๊ทผ ํ์ฌ ํฐ๋ฏธ๋์ ์๋์ ๊ฐ์ ๋ช ๋ น์ด๋ฅผ ์ ๋ ฅํด react๋ฅผ ์ค์นํด์ค๋ค. npx create-react-app . ๋งจ ๋ค์ ์๋ '.'(dot)์ ๋ด๊ฐ ์ ๊ทผํด ์๋ ํด๋ ์์ react๋ฅผ ์ค์นํ๊ฒ ๋ค๋ ์๋ฏธ์ด๋ค. '.'(dot)๋์ ์ด๋ฆ์ ์ ๋ ฅํ์ฌ ์ค์นํ๋ฉด ์ ๋ ฅํ ์ด๋ฆ์ผ๋ก ํด๋๊ฐ ์์ฑ๋๊ณ ๊ทธ ์์ react๊ฐ ์ค์น๋๋ค. ์ค์น๊ฐ ์๋ฃ๋๋ฉด 'Happy hacking!'์ด๋ผ๋ ๋ฌธ๊ตฌ๊ฐ ํฐ๋ฏธ๋ ์ ์ผ ์๋ ๋ฌ๋ค. ์๋ ๋ช ๋ น์ด๋ฅผ ํฐ๋ฏธ๋์ ์ ๋ ฅํ๋ฉด ์ค์น๋ ๋ฆฌ์ํธ์ ๊ธฐ๋ณธ..