directives1 [vue] directives ๋ทฐ ์ฃผ์ ๋๋ ํฐ๋ธ ์ ๋ฆฌ ๋ทฐ ๋๋ ํฐ๋ธ๋? html ํ๊ทธ์์ v-์ ๋์ฌ๋ฅผ ๊ฐ์ง๋ ๋ชจ๋ ์์ฑ์ ์๋ฏธํจ. ํ๋ฉด์ ์์๋ฅผ ์ง์ ์ ์ดํ ํ์ ์์ด ๋ทฐ์ ๋๋ ํฐ๋ธ๋ฅผ ํ์ฉํ์ฌ ํ๋ฉด ์์๋ค์ ์กฐ์ํ ์ ์์. directive name role ๋น๊ณ v-if ์ง์ ํ ๋ทฐ ๋ฐ์ดํฐ ๊ฐ์ ์ฐธ, ๊ฑฐ์ง ์ฌ๋ถ์ ๋ฐ๋ผ ํด๋น html ํ๊ทธ๋ฅผ ํ๋ฉด์ ํ์ํ๊ฑฐ๋ํ์ํ์ง ์๋๋ค. v-for ์ง์ ํ ๋ทฐ ๋ฐ์ดํฐ์ ๊ฐ์๋งํผ ํด๋น html ํ๊ทธ๋ฅผ ๋ฐ๋ณต ์ถ๋ ฅํจ v-show v-if์ ์ ์ฌํ๊ฒ ๋ฐ์ดํฐ์ ์ง์ ์ฌ๋ถ์ ๋ฐ๋ผ ํด๋นhtmlํ๊ทธ๋ฅผ ํ๋ฉด์ ํ์ํ๊ฑฐ๋ ํ์ํ์ง ์๋๋ค. v-if๋ ํด๋น ํ๊ทธ๋ฅผ ์์ ํ ์ญ์ ํ์ง๋ง v-show๋ cssํจ๊ณผ๋ง display:none;์ผ๋ก ์ฃผ์ด ์ค์ ํ๊ทธ๋ ๋จ์ ์๊ณ ํ๋ฉด ์์ผ๋ก๋ง ๋ณด์ด์ง ์๋๋ค. v-bind html ํ๊ทธ์ ๊ธฐ๋ณธ ์์ฑ๊ณผ ๋ทฐ ๋ฐ์ด.. 2021. 9. 19. ์ด์ 1 ๋ค์