๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
728x90
๋ฐ˜์‘ํ˜•

Directive1

[Angular] Directive๋ž€? (feat. Built-in Directive) ์•ˆ๋…•ํ•˜์„ธ์š” Foma ์ž…๋‹ˆ๋‹ค! ์˜ค๋Š˜์€ HTML ์—˜๋ฆฌ๋จผํŠธ์— ๋‹ค์–‘ํ•œ ๋™์ž‘์„ ์ถ”๊ฐ€ํ•˜๋Š” Directive์— ๋Œ€ํ•ด์„œ ์•Œ์•„๋ณด๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. ๋ฐ”๋กœ ์‹œ์ž‘ํ• ๊ฒŒ์š”~ Directive๋ž€? ๋จผ์ € ์‚ฌ์ „์  ์˜๋ฏธ๋ฅผ ๋ณด๋ฉด ์•„๋ž˜์™€ ๊ฐ™์ด '์ง€์‹œ' ๋ผ๋Š” ๋œป์„ ๊ฐ€์ง€๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. Angular ๊ณต์‹ ๋ฌธ์„œ์—” Directive๋ฅผ ์•„๋ž˜์™€ ๊ฐ™์ด ์†Œ๊ฐœํ•ฉ๋‹ˆ๋‹ค. ์ฆ‰, ๊ฐ„๋‹จํžˆ ๋งํ•˜๋ฉด Directive๋Š” ์—˜๋ฆฌ๋จผํŠธ๊ฐ€ ์–ด๋– ํ•œ ๋™์ž‘์„ ํ•  ์ˆ˜ ์žˆ๋„๋ก '์ง€์‹œ' ํ•˜๋Š” ํด๋ž˜์Šค ์ž…๋‹ˆ๋‹ค. Directive ์ข…๋ฅ˜ Directive๋Š” 3๊ฐ€์ง€ ์ข…๋ฅ˜๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. 1. Components ์ปดํฌ๋„ŒํŠธ๋Š” ํ…œํ”Œ๋ฆฟ์ด ์กด์žฌํ•˜๋Š” Directive๋กœ ๊ฐ€์žฅ ๋งŽ์ด ์‚ฌ์šฉ๋˜๋Š” Directive ์ž…๋‹ˆ๋‹ค. (์ปดํฌ๋„ŒํŠธ๋Š” ๋‚˜์ค‘์— ๋”ฐ๋กœ ๊ธ€์„ ์ •๋ฆฌ ํ•˜๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค.) 2. Attrubute Directives .. 2022. 6. 2.
728x90
๋ฐ˜์‘ํ˜•

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”