
ํ์ ์คํฌ๋ฆฝํธ ์ฝ๋ฆฌ์ : ๊ธฐ์ด ์ธ๋ฏธ๋
์ด์ ์ฌ
ํ์ ์คํฌ๋ฆฝํธ ๊ด๋ จ ๊ฐ์ข์ ๋๋ค.
์ด๊ธ
TypeScript
์น ํ๋ก ํธ์๋ ํ๋ ์์ํฌ์ ํฐ ์ถ์ธ ์ต๊ทค๋ฌ๊ฐ 5 ๋ฒ์ ์ด ์ถ์ ๋์์ต๋๋ค. 5.0 ์ถ์์ ํจ๊ป ํ์ ์คํฌ๋ฆฝํธ ์ ์ ๊ทธ๋ฃน์ ์ค์ฌ์ผ๋ก ์ต๊ทค๋ฌ 5 ๋ฅผ ๋น ๋ฅด๊ฒ ๋ฐฐ์๋ณด๋ ์ํฌ์ต์ ์งํํ์์ต๋๋ค. ํฐ ๊ทธ๋ฆผ์ ๋น ๋ฅด๊ฒ ์ดํดํ ์ ์์ผ๋ฉฐ, ๋ํ ์ผํ ์ถ๊ฐ ๊ฐ์๊ฐ ์ด์ด์ง ์์ ์ ๋๋ค.
Angular5์ ๊ธฐ๋ณธ ๊ฐ๋
Angular ์ปดํฌ๋ํธ ๊ตฌ์กฐ ๋ฐ ์ฌ์ฉ๋ฒ
Angular CLI๋ฅผ ํ์ฉํ ํ๋ก์ ํธ ์์ฑ ๋ฐ ๊ด๋ฆฌ
์์กด์ฑ ์ฃผ์ ๊ณผ ์๋น์ค ๊ฐ๋
Angular Router๋ฅผ ํตํ ์ปดํฌ๋ํธ ๊ฐ ๋ค๋น๊ฒ์ด์
HTTP ์์ฒญ ์ฒ๋ฆฌ ๋ฐ ๋๋ ํฐ๋ธ, ํ์ดํ ์ฌ์ฉ๋ฒ
Bootstrap๊ณผ์ ํตํฉ ๋ฐ ๊ธ๋ก๋ฒ ์คํ์ผ ์ ์ฉ
์๋ฒ ์ฌ์ด๋ ๋ ๋๋ง๊ณผ Angular Universal
Angular Material ์ปดํฌ๋ํธ ์ฌ์ฉ๋ฒ
Karma์ Jasmine์ ํ์ฉํ ์ ๋ ํ ์คํธ
์์ค๋ ๊ณผ์ ๋ณ๋ก Github ์ ์ฅ์์์ ์ ๊ณต๋ฉ๋๋ค.
๋ฐฐ์ฐ๋ ๊ฒ๋ค์ต๊ทค๋ฌ ๊ฐ์๊ฐ๋ฐํ๊ฒฝ ๊ตฌ์ถAngular Quick StartComponent, TemplateComponent ์ฐ๊ฒฐ, ๋ผ์ดํ์ฌ์ดํดAngular CLIAngular ServiceAngular RouterAngular HttpModuleAngular Directive, PipeAngular Build & DeployAngular UniversalAngular MaterialAngular Unit Test
์ด์ ์ฌ
ํ ์คํ๋์ค์จ๋์ฝ๋ฆฌ์ ์ํํธ์จ์ด ์์ง๋์ด ํ ๋ง์ดํฌ๋ก์ํํธ MVP ํ ์ผ๋ ํธ๋ก ์ฝ๋ฆฌ์ ์ ์ ๊ทธ๋ฃน ์ด์์, ํ์ ์คํฌ๋ฆฝํธ ์ฝ๋ฆฌ์ ์ ์ ๊ทธ๋ฃน ์ด์์ ์ ๋ธ์ดํฐ์น ์ํํธ์จ์ด ์์ง๋์ด๋ง ๋ฉ ๋ฉ์ฅ ์ ํธ๋ฆฌํ๋ฒ ์ด CTO
ํ์ต ๋์์
๋๊ตฌ์ผ๊น์?
ํ๋ก ํธ์๋ ๊ฐ๋ฐ์ ๊ด์ฌ ์๋ ๋ถ
Angular๋ฅผ ์ฒ์ ์ ํ๋ ์ด๋ณด์
TypeScript๋ฅผ ํ์ฉํ ์น ๊ฐ๋ฐ์ ๋ฐฐ์ฐ๊ณ ์ถ์ ๋ถ
์ค๋ฌด ํ๋ก์ ํธ์ Angular๋ฅผ ์ ์ฉํ๊ณ ์ถ์ ๊ฐ๋ฐ์
์ต์ Angular ๊ธฐ์ ๊ณผ ๋ชจ๋ฒ ์ฌ๋ก๋ฅผ ๋ฐฐ์ฐ๊ณ ์ถ์ ๋ถ
11,873
๋ช
์๊ฐ์
124
๊ฐ
์๊ฐํ
4.7
์
๊ฐ์ ํ์
5
๊ฐ
๊ฐ์
14๋ ์ฐจ ์ํํธ์จ์ด ์์ง๋์ด ์ ๋๋ค.
2021๋ ๋ถํฐ๋ NHN Dooray ์์ ํ๋ก ํธ์๋๊ฐ๋ฐํ์ ๋ฆฌ๋ํ๋ฉฐ, ์๋น์ค ์ ์ฒด์ UI ์ ๋ํ ์ฑ ์์ ๋งก์์ต๋๋ค. ํ์ ๋งก์ ๊ธฐ์กด์ ์ด์ํ๊ณ ์๋ ๋ ๊ฑฐ์ ์์คํ (AngularJS, Vue)์ React, TypeScript ๋ก ๋ฆฌ๋ด์ผ ํ์์ต๋๋ค. 10์ธ ์ด์์ ๋ค์ ํ๋ก ํธ์๋ ์์ง๋์ด๋ค์ด ํ๋์ ํ๋ฌ๋ํธ๋ฅผ ํจ๊ป ๊ฐ๋ฐํ ์ ์๋๋ก ์ํคํ ์ฒ๋ฅผ ์ค๊ณํ๊ณ ๊ด๋ฆฌํ๋ ์ ๋ฌด๋ฅผ ํ๊ณ ์์ต๋๋ค. ์ ์ฒด ์๋น์ค ๊ท๋ชจ๊ฐ ํฌ๊ณ ๋ณต์ก๋๊ฐ ๋์ Monorepo ๋ก ๊ฐ๋ฐ ๋ฐ ์ด์ํ๊ณ , Micro Frontend ๋ฅผ ๋์ ํ์ฌ ๋ฐฐํฌ ์ฃผ๊ธฐ ๋จ์ถ์ ๋ํด ๋ ธ๋ ฅํด์์ต๋๋ค. Storybook ์ ํตํด ์ปดํฌ๋ํธ๋ฅผ ์ ๊ทน์ ์ผ๋ก ๊ด๋ฆฌํ๋ฉฐ, Design System ์ ๊ตฌ์ถํ๊ณ ํ์ฉ์ด ๋ ์ ์๋๋ก ํ๋ก์ธ์ค๋ฅผ ๋ค๋ฌ๋ ์ญํ ์ ํ์ต๋๋ค.
์ด์ ์๋ Studio XID ์์ TypeScript ์ Electron ์ ์ด์ฉํ์ฌ, ๋์์ด๋๋ฅผ ์ํ ์ธํฐ๋ ์ ํ๋กํ ํ์ดํ ํด์ธ ProtoPie ๋ฅผ ๋ง๋ค์์ต๋๋ค. ํ๊ฐ์ง ์ ํ์ ์ฝ 4๋ ๋์ ๋ง๋ค๋ฉด์ ์ข์ ์ฝ๋, ํ์ง์ด ์ข์ ์ฝ๋๋ฅผ ์์ฑํ๊ธฐ ์ํด ๋ ธ๋ ฅํด์์ต๋๋ค.
๋๊ท๋ชจ ์๋ฐ์คํฌ๋ฆฝํธ ์ดํ๋ฆฌ์ผ์ด์
๊ฐ๋ฐ์ ๋ํ ๋ ๋์ ๋ฐฉํฅ์ ๊ณ ๋ฏผํ๊ณ , ์ ์ฉํ๊ธฐ ์ํด ๋
ธ๋ ฅํ๊ณ ์์ต๋๋ค.
Microsoft MVP (TypeScript) ๋ก ํ๋ํด ์์ผ๋ฉฐ, ์ต์ ์น๊ธฐ์ ์ ๋ํด ์ฌ๋๋ค๊ณผ ์ด์ผ๊ธฐ ํ๋ ๊ฒ์ ์ฆ๊น๋๋ค.
์ฌ๋ฌ ๊ณณ์์ ํ๋ก ํธ์๋ ํ์ ์ด๋๋ฉฐ, ์ฃผ๋ก ํจ์ํ ์ธ์ด(ํด๋ก์ )๋ Node.js ๋ก ๋ฐฑ์๋ ์์
์ ์งํํฉ๋๋ค.
์ธํ๋ผ ์๋ํ์ ๋ํ ๊ด์ฌ์ด ๋ง์ต๋๋ค.
์ ์ฒด
34๊ฐ โ (5์๊ฐ 52๋ถ)
์ ์ฒด
15๊ฐ
4.8
15๊ฐ์ ์๊ฐํ
์ง์๊ณต์ ์๋์ ๋ค๋ฅธ ๊ฐ์๋ฅผ ๋ง๋๋ณด์ธ์!
๊ฐ์ ๋ถ์ผ์ ๋ค๋ฅธ ๊ฐ์๋ฅผ ๋ง๋๋ณด์ธ์!
โฉ55,000