-
[React.js] ์กฐ๊ฑด๋ถ ๋ ๋๋ง ๋ฐฉ๋ฒ ์ ๋ฆฌ
์กฐ๊ฑด๋ถ ๋ ๋๋ง ๋ฐฉ๋ฒ ์ ๋ฆฌ๋ค์ด๊ฐ๋ฉฐ๋ฆฌ์กํธ(React.js)์์์ ์กฐ๊ฑด๋ถ ๋ ๋๋ง ๋ฐฉ๋ฒ์ ์ ๋ฆฌํด๋ณธ๋ค. ์กฐ๊ฑด๋ถ ๋ ๋๋ง(Conditional Rendering)๊ฐ๋
ํน์ ํ ์กฐ๊ฑด์ ๋ฐ๋ผ UI์ ์ผ๋ถ๋ฅผ ๋ณด์ฌ์ฃผ๊ฑฐ๋ ์จ๊ธฐ๋ ๋ฐฉ๋ฒ ๋ฐฉ๋ฒโ ์กฐ๊ฑด๋ถ ์ฐ์ฐ์ / ์ผํญ ์ฐ์ฐ์(? :)์กฐ๊ฑด๋ถ ๋ ๋๋ง์ ์ฝ๊ฒ ๊ตฌํํ ์ ์๋ ๋ฐฉ๋ฒ์กฐ๊ฑด์ด ์ฐธ์ผ ๋๋ ํน์ ์ปดํฌ๋ํธ๋ฅผ ๋ ๋๋งํ๊ณ , ๊ฑฐ์ง์ผ ๋๋ ๋ค๋ฅธ ์ปดํฌ๋ํธ๋ฅผ ๋ ๋๋งํ๊ฑฐ๋ ์๋ฌด ๊ฒ๋ ๋ ๋๋งํ์ง ์๊ฒ ํ ์ ์๋ค.function Example({ isVisible }) { return ( {isVisible ? ์ด ๋ด์ฉ์ ๋ณด์
๋๋ค! : ์ด ๋ด์ฉ์ ๋ณด์ด์ง ์์ต๋๋ค!} );} โก ๋
ผ๋ฆฌ ์ฐ์ฐ์(&&)๋
ผ๋ฆฌ @&&@ ์ฐ์ฐ์๋ฅผ ์ฌ์ฉํ์ฌ ์กฐ๊ฑด์ด ์ฐธ์ผ ๋๋ง ๋ ๋๋งํ๋๋ก ํ ์ ์๋ค.์กฐ๊ฑด..
2024.08.22