๐ ฐ๏ธAngular
์ฐธ ์ข์๋ฐ ์ฐ์ง๋ฅผ ์๋ค
Angular
ํค๋์ <p routerLinkActive="๋ง์๋ ํด๋์ค๋ช
">
์ด๋ฐ์์ผ๋ก ํ๋ฉด ๊ฒฝ๋ก ๋ง์๋ ์ ํด๋์ค๋ช
ํ์
ฉํ
ํํ ์ฌ๋ฌํ์
์ด ์ ์ฅ๊ฐ๋ฅํ ๋ฐฐ์ด์ด๊ณ ํ์ฅ ๋ถ๊ฐ๋ฅ ์์ ๊ณ ์
Let a : [number, string, string] = [1,โaโ,โbโ];
๋ฐฐ์ด์ ํ์
์ด string[] ๊ฐ์ ๋๋์ ์ฃผ์
ํจ์๋ ํ์
์์
Let b: function;
์ ์ฝ์ ์ฃผ๊ณ ์ถ๋ค๋ฉด
Let b: (number, number)=>number
unknown๊ณผ any๋ ๋ค๋ฅด๋ค
unknown์ ๋ ์ ์ฝ์ . ๋ค๋ฅธ๋ฐ์ unknown ํ์
์ ์บ์คํ
์์ด ๋์
๋ถ๊ฐ. ์ฌ์ฉ์ฉ์ฒด๊ฐ ๋น์ถ์ฒ
ngFor=โlet a of arr | filter=โbโโ
์ด๋ฐ์์ผ๋ก ํ์ดํ๋ ๋ฌธ์์ด ํธ์ง๋ฟ๋ง์๋๋ผ ์ฌ๋ฌ๊ฐ์ง๋ฅผ ์กฐ์ํ ์ ์๋ค. Transform ํจ์๋ ๋ฆฌํด์ any์
๊ทผ๋ฐ ํํฐํ์ดํ์ธ๋ ๋ฐ์ดํฐ๊ฐ ๋ณ๊ฒฝ๋๋ฉด ๋ณ๊ฒฝ๋ ๋ฐ์ดํฐ์ ํ์ดํ๋ ๋ค์ ์ ์ฉ๋์ง ์๋๋ค. ์ฑ๋ฅ์ด์๊ฐ ์์ ์ ์์ผ๋ฏ๋ก
์ํ๋ค๋ฉด ์ปค์คํ
ํ์ดํ์ pure = false๋ฅผ ์ฃผ๋ฉด ์ ์ฉ๋๋ค.
#f="ngForm"
#input1="ngModel"
ํด์ํ๊ทธ๋ ๋ก์ปฌ์ฐธ์กฐ๋ก ๊ทธ ํ
ํ๋ฆฟ๋ด์์ ์ด๋ค ์๋ฆฌ๋จผํธ๋ฅผ ์ฐธ์กฐํ ์ ์๋ ๊ฒ์ด๋ค. ์ด๋ฒคํธ๋ฑ์์ ์ธ์๋ก ๋ฃ์ด์ ํ์
์คํฌ๋ฆฝํธ์์ ์ ์ดํ ์์๋ค. HTMLInputElement ๋ญ ์๋ฐ์์ ํ์
์ด๋ค.
ํผ๋ด์์๋ ํน์ํ ํํ๋ก ์์ฒ๋ผ =ngForm, =ngModel ๊ฐ์๊ฑธ ๋ถ์ด๋๋ฐ ํ์
์ as NgModel ์ด๋ฐ์์ผ๋ก ๋ถ์ธ๋ค๊ณ ์๊ฐํ๋ฉด ๋๊ฒ ๋ค.
httpService.getUserService().getUsers() {
https://pipe .samsungds.net/api/users
}
typeorm => findone์์ relations ๋ฐฐ์ด์ ์ถ๊ฐํ๋ฉด ํ์น์กฐ์ธ์ฒ๋ผ ๊ฐ์ ธ์จ๋ค
custom directive๋ก text-xs text-gray-500๊ฐ์๊ฑฐ ๋ฌถ์ด์ ํํ๊ฐ๋ฅํ์ง ์์๊น ๊ทผ๋ฐ ์ด๊ฑด ํ ์ผ์๋ ์์ฒด์์๋ ๋ ๊ฑฐ๊ฐ๊ธฐ๋ํ๊ณ . renderer๋ฅผ ์ฌ์ฉํ๋ ๋๋ ํฐ๋ธ๊ฐ์ ๊ฒฝ์ฐ addClass๊ฐ์ ํจ์๋ ์๊ณ ํ๋ค. @HostBinding์ด ๋ ๋๋ฌ๋ณด๋ค ๋ ์ข์ ๋ฐฉ๋ฒ์ด๋ผ๋๋ฐ ํด๋์ค๋ ์ถ๊ฐํ ์์๋?
set unless(condition: boolean) {} => _unless๊ฐ์๊ฑฐ ์ ์ธ์ํด๋ unless์ ๋์ ํ์๋ ์ผ์ด๋๋์ผ์ ์ ๊ฒ๋ง ์ ์ด๋ ์ ์ธ๊ฐ๋ฅ. ๋๋๋ค์ด๊ฐ์๊ฑฐ ๋ง์๋ฐ๋ฆฌ์ ๊ฐ์ ์์ ์ค์ ์์ ngswitch ๋ฐ์
currentMenu = โHOMEโ => ์๊ฑฐ set์์ ์ฐพ์์ ์ธ๋ฑ์ค๋ก ๋ฃ์ด์ฃผ๋๊ฑฐ ํ ๊น
ํ๋กํผํฐ ๋ฐ์ธ๋ฉ์ ํด๋์ค๋ช ์ป์ด์ค๋ ๋ฉ์๋๋ฅผ ๋ง๋ค๊ณ ์ผํญ์ฐ์ฐ์๋ฅผ ์์ ๋๊ฒ ์ข์๊น? ===> ngClass๋ผ๊ณ ์ ๋๋ก๋ ๊ธฐ๋ฅ์ด ์๋ค
app- ์ปจ๋ฒค์ ์ ์งํฌ๊น
ํค๋ ๋ฉ๋ด ์ด๋ฒคํธ๋ฅผ onclick ์ด๋ฐ๊ฒ ์๋๋ผ ์ด๋ฒคํธ ๋ฐ์ธ๋ฉํด์ผ์ง (click)=โf()โ ์ด๊ณ f ์์์ ๋ผ์ฐํ ๋ ํ๋๊ฒ ์ข๊ฒ ๋ค.
ngFor์์ ์ธ๋ฑ์คํ let i = index; ํ์์ด ์ข๊ฒ ๋ค
๋๋ฌธ์๋ ์ค๋ฅธ์ชฝ ์ํํธ๋ฅผ ์ฐ์
html์์ ์์ ์ปดํฌ๋ํธ๊ฐ ์๋๋ผ ํด๋์ค์ ์์์ผ๋ก๋ ์๋ผ?
์ ๊ฐ์๊ธฐ ๋ฆฌ์กํธ์์ ์ ํํ๋์ง๋ ๊ธ์ฐ๋ฉด ์ข์ง์๋ setState?
๋ฆฌํฉํ ๋ง์ ์์ดํจ๋๋ก ํด์ผ์ง
๋ฐ์ดํฐ ์ฃผ๊ณ ๋ฐ๋๊ฒ๋ ์๋น์ค๋ก ๋ง๋ค ์ ์๊ฒ ๋ค
ํ์ ์คํฌ๋ฆฝํธ ํ๋ณํ