๊ด€๋ฆฌ ๋ฉ”๋‰ด

๋ชฉ๋ก์ „์ฒด ๊ธ€ (355)

DATA101

[์—๋Ÿฌ ํ•ด๊ฒฐ] JSX expressions must have one parent element.

์—๋Ÿฌ ์ƒํ™ฉ 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: ํƒœ๊ทธ๋ช… ์ƒ๋žต๊ฐ€๋Šฅ ... ํฌ์ŠคํŒ… ๋‚ด์šฉ์— ์˜ค๋ฅ˜๊ฐ€ ์žˆ๋‹ค๋ฉด ์•„..

SW ๊ฐœ๋ฐœ/React JS 2022. 1. 5. 09:35
Entity ๊ฐœ๋… ๋ฐ ๋งตํ•‘ ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์ž!

๐Ÿ”ฅ ๋ชฉํ‘œ Entity์˜ ๊ธฐ๋ณธ ๊ฐœ๋…๊ณผ ๋งตํ•‘ ๋ฐฉ๋ฒ•์„ ์ดํ•ดํ•œ๋‹ค. 1. Entity ๊ฐœ๋… 2์ฐจ์› Table ์ž์ฒด๋ฅผ Entity๋ผ๊ณ  ๋ถ€๋ฆ„ Table ๋‚ด ๊ฐ Row๊ฐ€ Entity ๊ฐ์ฒด์ด๋ฉฐ, ๊ฐ Column์ด Field Entity๋Š” Table๊ณผ 1๋Œ€1 ๋Œ€์‘๋œ๋‹ค๊ณ  ํ‘œํ˜„ Table ๋‚ด ๋ชจ๋“  Column์€ Field๋กœ ๋ฐ˜๋“œ์‹œ ์ •์˜ํ•ด์•ผ ํ•จ Entity ํด๋ž˜์Šค๋Š” ๋‹ค๋ฅธ ํด๋ž˜์Šค๋ฅผ ์ƒ์†๋ฐ›๊ฑฐ๋‚˜ ์ธํ„ฐํŽ˜์ด์Šค์˜ ๊ตฌํ˜„์ฒด๋กœ์„œ ์‚ฌ์šฉ๋ถˆ๊ฐ€ 2. Entity ํด๋ž˜์Šค ์‚ฌ์šฉ ๊ทœ์น™ Entity ํด๋ž˜์Šค๋Š” ํด๋ž˜์Šค ์ž‘์„ฑ ์‹œ Entity Annotation์„ ๋ถ™์—ฌ ํ•ด๋‹น ํด๋ž˜์Šค๊ฐ€ Entity ํด๋ž˜์Šค์ž„์„ ๋ช…์‹œํ•ด์•ผ ํ•จ Entity ํด๋ž˜์Šค์—์„œ Domain ๋กœ์ง๋งŒ ๊ตฌํ˜„ํ•˜๊ณ  Presentation ๋กœ์ง์€ ๊ตฌํ˜„ํ•˜์ง€ ์•Š์Œ Proxy ์ƒ์„ฑ์„ ์œ„ํ•ด ๊ธฐ๋ณธ ์ƒ์„ฑ์ž๋Š” ํ•„์ˆ˜์ด๋ฉฐ, p..

SW ๊ฐœ๋ฐœ/Java 2021. 12. 28. 22:29