728x90 ๋ฐ์ํ Direcitve1 [Angular] Custom Directive ๋ง๋ค์ด ์ ์ฉํ๊ธฐ (Create & Adjust a Custom Directive) ์๋ ํ์ธ์ Foma ์ ๋๋ค! ์ ๋ฒ ๊ธ์ Angular์ ์ด๋ฏธ ๊ตฌํ๋ Built-in ๋๋ ํฐ๋ธ์ ๋ํด์ ์์ ๋ณด์๋๋ฐ์. ์ด๋ฒ ๊ธ์ ์ง์ ์ปค์คํ ํ ๋๋ ํฐ๋ธ๋ฅผ ๋ง๋ค๊ณ ์ ์ฉํ๋ ๋ฐฉ๋ฒ์ ๋ํด์ ์์ ๋ณด๊ฒ ์ต๋๋ค. ๋ฐ๋ก ์์ํ ๊ฒ์~ Generate Directive ์๋์ ๊ฐ์ด ๋๋ ํฐ๋ธ๋ฅผ ์์ฑํด ์ค๋๋ค. ์ ๋ mouse control์ ๋ฐ๋ผ ์คํ์ผ์ด ๋ฐ๋๋ ๋๋ ํฐ๋ธ๋ฅผ ๋ง๋ค๊ฑฐ๊ธฐ ๋๋ฌธ์ mouseControl์ผ๋ก ์ด๋ฆ ์ง์ด์ฃผ๊ฒ ์ต๋๋ค. ng g d ๋๋ ํฐ๋ธ์ด๋ฆ //or ng generate directive ๋๋ ํฐ๋ธ์ด๋ฆ directive.ts ์๋์ ๊ฐ์ด Directive๊ฐ ์์ฑ ๋ ๊ฑฐ์์. @Directive์ selector๋ก app + ๋๋ ํฐ๋ธ์ด๋ฆ์ผ๋ก ๋ง๋ค์ด์ง๋ ๊ฒ์ ๋ณผ ์ ์์ต๋๋ค. import { Directiv.. 2022. 6. 9. ์ด์ 1 ๋ค์ 728x90 ๋ฐ์ํ
