์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
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 |
- Git
- ๋ฅ๋ฌ๋
- ๋น ๋ฐ์ดํฐ
- tableau
- ํ๋ธ๋ฃจ
- ์ธ๊ณต์ง๋ฅ
- github
- abap
- ๋ฐฑ์ค
- ๋ฆฌ์กํธ
- ๋ฐ์ดํฐ ๋ถ์
- ๊นํ๋ธ
- ํ ์คํธ๋ถ์
- DFS
- AI
- react
- AWS
- ์์ฐ์ด์ฒ๋ฆฌ
- ์ฝ๋ฉํ ์คํธ
- ์๊ณ ๋ฆฌ์ฆ
- ํ ์คํธ๋ง์ด๋
- ํ๋ธ๋ก
- erp
- ์๋ง์กด์น์๋น์ค
- nlp
- ํ์ด์ฌ
- ์๋ฐ์คํฌ๋ฆฝํธ
- sap
- ๋ฐ์ดํฐ๋ถ์
- ์ฝํ
- Today
- Total
๋ชฉ๋กparent element (1)
DATA101

์๋ฌ ์ํฉ React ๊ธฐ๋ฐ ํ๋ฉด UI ๊ตฌํ ์ค ์๋ ์๋ฌ ๋ฉ์์ง ํ์ธ ์๋ฌ ๋ฉ์์ง JSX expressions must have one parent element. ์๋ฌ ์์ธ - JSX ๋ฌธ๋ฒ์์ Component๊ฐ ์ฌ๋ฌ ๊ฐ ์๋ค๋ฉด ๋ฐ๋์ parent element๋ก ๊ฐ์ธ์ผ ํ๋๋ฐ ๊ทธ๋ ์ง ์์์ ๋ฐ์ํ ์ด์ - Component ๋ด๋ถ๋ ํ๋์ DOM Tree ๊ตฌ์กฐ๋ก ์ด๋ฃจ์ด์ ธ์ผ ํ๋ค๋ ๊ท์น์ ๋ฐ๋ผ์ผ ํจ ํด๊ฒฐ์ฑ ๊ฐ๋จํ๊ฒ div ํ๊ทธ ๋๋ fragment ํ๊ทธ ๋๋ ์ค๊ดํธ{}๋ก ์ฌ๋ฌ Component๋ฅผ ๊ฐ์ธ๋ parent element๋ฅผ ์ฌ์ฉํ๋ฉด ์ฝ๊ฒ ํด๊ฒฐ ๊ฐ๋ฅ ํด๊ฒฐ์ฑ ์์1: div ํ๊ทธ ... ํด๊ฒฐ์ฑ ์์2: fragment ํ๊ทธ ... ํด๊ฒฐ์ฑ ์์3: ํ๊ทธ๋ช ์๋ต๊ฐ๋ฅ ... ํฌ์คํ ๋ด์ฉ์ ์ค๋ฅ๊ฐ ์๋ค๋ฉด ์..