ng serve --open์ผ๋ก ํ๋ฉด์ ๋์ฐ๋ ค๊ณ ํ ๋ ์ด๋ฐ ์ค๋ฅ๊ฐ ๋ฐ์ํ๋ฉด ํ๋ก์ ํธ๋ช ์์ ์ค๋ฅธ์ชฝ ๋ง์ฐ์ค ํด๋ฆญ โ ํตํฉ ํฐ๋ฏธ๋์์ ์ด๊ธฐ ํด๋ฆญ โ ๋ค์ ng serve --open์ ๋ ฅOS : window 11 IDE : vscode nodejs version : v16.
์ต๊ทค๋ฌ๋ฅผ ๊ณต๋ถํ๋๋ฐ ์ด๋ฐ ์์ ๊ฐ ๋์๋ค. upvote๋ผ๋ ๊ธ์๋ฅผ ํด๋ฆญ ์ voteUP()์ด๋ผ๋ ํจ์๋ฅผ ํธ์ถํด votes(ํ์ฌ10)๋ณ์๋ฅผ +1ํ์์ค~๊ทผ๋ ์ค์ ๋ก upvote๋ฅผ ํด๋ฆญํ๋ฉด votes(ํ์ฌ10)์ +1์ด ๋๊ธด ํ์ง๋ง ํ๋ฉด์ด ์๋ก๊ณ ์นจ(์ฌ๋๋๋ง)๋๋ค.์ฌ๋๋๋ง์ ๋ง
๊ณต๋ถ์ค์ ์ด๋ฐ ์๋ฌ๊ฐ ๋ณ๋ค.์ฑ ์ 3๋ ์ ์ฑ ์ด๊ตฌ ts๊ฐ ์ต์ ๋ฒ์ ์ผ๋ก ์ ๋ฐ์ดํธ ๋๋ฉด์ ์๊ธฐ๋ ์ค๋ฅ๋ผ๊ณ ํ๋ค..Article์ด๋ผ๋ ํด๋์ค๋ฅผ ๊ฐ์ ธ์ article์ ํ ๋นํด์ ๋ฐ์ ํจ์์์ ์ฌ์ฉํ๋ ์ฝ๋์ด๋ค.article์ด undefined๋ผ Article์ด๋ผ๋ ํ์ ์ด ์๋ง๋ค
์ต๊ทค๋ฌ๋ ํ๋ง๋๋ก "HTML๊ณผ TypeScript๋ก SPA ๊ฐ๋ฐ ์ ์ฌ์ฉ๋๋ ํ๋ซํผ์ด์ ํ๋ ์์ํฌ"์ด๋ค.Angular ์ ํ๋ฆฌ์ผ์ด์ ์ํคํ ์ฒ๋ ๋ค์ ๊ธฐ๋ณธ์์น์ ๊ธฐ๋ฐ์ผ๋ก ํ๋ค.๊ธฐ๋ณธ ๊ตฌ์ฑ์์์ธ NgModules๋ Component๋ค์ ๋ฌถ์์NgModules๋ ํ๋ก์ ํธ ๋ด์
๋์ ์ธ ์ต๊ทค๋ฌํ ํ๋ฆฟ์ ๋ ๋๋ง ํ ๋, ๋๋ ํฐ๋ธ๊ฐ ์ ๊ณตํ ๋ก์ง์ ๋ฐ๋ผ DOM์ ๋ณํ์ํด.(๋๋ ํฐ๋ธ๋ @Driective() ๋ฐ์ฝ๋ ์ดํฐ๊ฐ ์๋ ํด๋์ค๋ฅผ ์๋ฏธํจ)์ปดํฌ๋ํธ ๋ํ ๋ฌธ๋ฒ์ ์ผ๋ก ๋๋ ํฐ๋ธ์.ํ์ง๋ง ์ปดํฌ๋ํธ๋ผ๋ ๋๋ ํฐ๋ธ์๋ ์ต๊ทค๋ฌ์ฑ์์ ๊ฐ๋ณ์ ์ด๊ณ ๋งค์ฐ ์ค์ํ ์์์ด๊ธฐ์
์ด๋ ๊ฒ input๋ฐ์ค ์์ ์๋ ๊ธ์๋ฅผ ์ถ๋ ฅํ๋ ค๋ฉด ์ ๋ก๋์ค..htmlํ์ผ์์ ์ ๋ ฅ๋ฐ์ input๋ฐ์ค์ ๋ฌธ์๋ฅผ ๋ฐ์ธ๋ฉํ pํ๊ทธ ์ ๋ ฅname์ด๋ผ๋ ๋ณ์๋ก ์ ๋ ฅ๋ฐ๊ธฐ ์ํด name์ ๋ฐ์ธ๋ฉํด์ค์ ๋ก๋์ค..tsํ์ผ๋ก ์ด๋ ํ ํ ์คํธ๋ฅผ ๋ฐ์ ๋ณ์ ์์ฑ(name)์ ๋ก๋์ค..๋ค์ ht
๋ง์ด ์ฐ๋ ๋ฐฉ์์ ์ด๋ฐ ๋ฐฉ์์ผ ๊ฒ์ด๋ค.selecor๋ฅผ 'app-root'์ผ๋ก ์ฃผ๊ณ htmlํ์ผ์์ ์ด๋ฐ์์ผ๋ก ์ฌ์ฉํ๋ ๋ฐฉ์selector๋ฅผ ๋๊ดํธ๋ก ๋ฌถ์ด 'app-root'๋ก ๋ณ๊ฒฝํด์ฃผ์๋ค. ๊ทธ๋ผ htmlํ์ผ์์ ์ด๋ฐ์์ผ๋ก ์ฌ์ฉํ ์ ์๋๋ฐ์๋ฆฌ๋จผํธ๋ฅผ ๋ณ๊ฒฝํ๋๊ฒ ์๋ ์ ๋
https://lts0606.tistory.com/135https://velog.io/@nowhhk/m
https://kyurasi.tistory.com/entry/Angular-11-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-04