2023๋…„ 9์›” 26์ผยท1๋ถ„ ์ฝ๊ธฐ

Angular 17 ๊ณต๊ฐœ: ์ œ์–ด ํ๋ฆ„ ๋ฐ ์ง€์—ฐ ๊ฐ€๋Šฅํ•œ ๋กœ๋”ฉ์„ ์œ„ํ•œ ์ƒˆ๋กœ์šด ๊ตฌ๋ฌธ์„ ์ œ๊ณตํ•˜๋Š” ๋ฏธ๋ž˜

์ƒˆ๋กœ์šด ์ œ์–ด ํ๋ฆ„ ๊ตฌ๋ฌธ๊ณผ ์ง€์—ฐ ๊ฐ€๋Šฅํ•œ ๋กœ๋”ฉ ๊ธฐ๋Šฅ์„ ๊ฐ–์ถ˜ Angular 17์ด ์˜ฌ 10์›” ์ถœ์‹œ๋  ์˜ˆ์ •์ž…๋‹ˆ๋‹ค.

Angular 17 ๊ณต๊ฐœ: ์ œ์–ด ํ๋ฆ„ ๋ฐ ์ง€์—ฐ ๊ฐ€๋Šฅํ•œ ๋กœ๋”ฉ์„ ์œ„ํ•œ ์ƒˆ๋กœ์šด ๊ตฌ๋ฌธ์„ ์ œ๊ณตํ•˜๋Š” ๋ฏธ๋ž˜

10์›”์—๋Š” Google์ด ์„ ํ˜ธํ•˜๋Š” ์›น ๊ฐœ๋ฐœ์šฉ TypeScript ๊ธฐ๋ฐ˜ ํ”„๋ ˆ์ž„์›Œํฌ์˜ ํ–ฅ์ƒ๋œ ๋ฒ„์ „์ธ Angular 17 ์ด ์ถœ์‹œ๋  ๊ฒƒ์œผ๋กœ ์˜ˆ์ƒ๋ฉ๋‹ˆ๋‹ค. ์ด ๊ฐœ์ •ํŒ์€ ํ…œํ”Œ๋ฆฟ์˜ ํ๋ฆ„ ๊ตฌ๋ฌธ ๋ฐ ์ง€์—ฐ ๊ฐ€๋Šฅํ•œ ๋กœ๋”ฉ์„ ์œ„ํ•œ ์ƒˆ๋กœ์šด ๋‚ด์žฅ ์ปจํŠธ๋กค์„ ๋„์ž…ํ•˜์—ฌ ๊ฐœ๋ฐœ์ž ์ปค๋ฎค๋‹ˆํ‹ฐ์— ํฐ ํŒŒ์žฅ์„ ์ผ์œผํ‚ฌ ์ค€๋น„๊ฐ€ ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค.

9์›” 25์ผ์ž ์ตœ๊ทผ ๋ธ”๋กœ๊ทธ ๊ฒŒ์‹œ๋ฌผ์—์„œ ์กด๊ฒฝ๋ฐ›๋Š” Angular ํŒ€์˜ ๋ฉค๋ฒ„์ธ Alex Rickabaugh๊ฐ€ ์ด๋Ÿฌํ•œ ํ–ฅํ›„ ๊ฐœ์„  ์‚ฌํ•ญ์— ๋Œ€ํ•ด ์ž์„ธํžˆ ์„ค๋ช…ํ–ˆ์Šต๋‹ˆ๋‹ค. ๋ˆˆ์— ๋„๋Š” ์š”์†Œ์ธ ์„ ์–ธ์  ์ œ์–ด ํ๋ฆ„์˜ ๋„์ž…์€ NgIf, NgFor ๋ฐ NgSwitch ์ง€์‹œ๋ฌธ์˜ ๊ธฐ๋Šฅ์„ ํ”„๋ ˆ์ž„์›Œํฌ์˜ ํ•ต์‹ฌ์œผ๋กœ ๊ฐ€์ ธ์˜ค๋„๋ก ์„ค์ •๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ๋ฐ˜๋ฉด, ์ง€์—ฐ ๊ฐ€๋Šฅํ•œ ๋กœ๋”ฉ ์ ‘๊ทผ ๋ฐฉ์‹์€ ํ…œํ”Œ๋ฆฟ์ด ํŠน์ • ์กฐ๊ฑด์— ์˜ํ•ด ํŠธ๋ฆฌ๊ฑฐ๋˜๋Š” ์ข…์†์„ฑ ๋กœ๋”ฉ์„ ์ง€์—ฐํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•ด์ค๋‹ˆ๋‹ค. Angular ํŒ€์— ๋”ฐ๋ฅด๋ฉด ์ด๋ฒˆ ๋ณ€๊ฒฝ ์‚ฌํ•ญ์€ Angular ํ…œํ”Œ๋ฆฟ์— ๋Œ€ํ•œ ๊ฐ€์žฅ ๋ˆˆ์— ๋„๋Š” ์กฐ์ • ์‚ฌํ•ญ์ž…๋‹ˆ๋‹ค. ์ œ์–ด ํ๋ฆ„ ๋ฐ ์ง€์—ฐ ๊ฐ€๋Šฅํ•œ ๋ณด๊ธฐ์— @-syntax๋ผ๋Š” ๊ตฌ๋ฌธ์„ ํ™œ์šฉํ•˜๋Š” Angular 17 ํ†ตํ•ด ์ด๋Ÿฌํ•œ ๊ฐœ๋ฐœ์ด ๊ฑฐ์˜ ์™„๋ฃŒ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

ํ˜„์žฌ Angular 17 GitHub์—์„œ ์‹œํ—˜ํŒ ์ƒํƒœ๋ฅผ ์œ ์ง€ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. Angular ํŒ€์€ ์ƒˆ๋กœ์šด ๊ธฐ๋Šฅ๊ณผ ๊ตฌ๋ฌธ ์ž์ฒด์— ๋Œ€ํ•œ ๋‹ค์–‘ํ•œ ๊ฒฌํ•ด์— ๋Œ€ํ•ด ์ƒ๋‹นํ•œ ๋ฐ•์ˆ˜๋ฅผ ๋ณด๋ƒˆ์Šต๋‹ˆ๋‹ค. Rickabaugh๊ฐ€ ์–ธ๊ธ‰ํ–ˆ๋“ฏ์ด ๊ตฌ๋ฌธ์€ ๊ฐœ๋ฐœ์ž์—๊ฒŒ ์—ด์ •์„ ๋ถˆ๋Ÿฌ์ผ์œผํ‚ฌ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด ์—…๋ฐ์ดํŠธ๋Š” 5์›” 3์ผ ์ถœ์‹œ๋œ ์ง์ „ ๋ฒ„์ „์ธ Angular 16์˜ ๋ฐœ์ž์ทจ๋ฅผ ๋”ฐ๋ฆ…๋‹ˆ๋‹ค. ์ด ๋ฒ„์ „์—์„œ๋Š” ํ–ฅ์ƒ๋œ ์„ฑ๋Šฅ๊ณผ ๊ฐœ๋ฐœ์ž ๊ฒฝํ—˜์„ ๊ฐ•์กฐํ•˜๋ฉด์„œ ์ƒˆ๋กœ์šด ๋ฐ˜์‘์„ฑ ๋ชจ๋ธ์„ ๋ฏธ๋ฆฌ ์„ ๋ณด์˜€์Šต๋‹ˆ๋‹ค. ๊ทธ ํ›„ ์—ฌ๋Ÿฌ ํฌ์ธํŠธ ์—…๋ฐ์ดํŠธ๋ฅผ ๋ฐ›์•˜์Šต๋‹ˆ๋‹ค.

Angular 17์˜ ์ถœ์‹œ์— ๋Œ€ํ•œ ๊ธฐ๋Œ€๊ฐ€ ๊ณ„์† ์ปค์ง€๊ณ  ์žˆ์ง€๋งŒ ๊ฐœ๋ฐœ์ž๊ฐ€ ๊ณ ๋ คํ•  ์ˆ˜ ์žˆ๋Š” ๋Œ€์ฒด ์ ‘๊ทผ ๋ฐฉ์‹์ด ์žˆ์Šต๋‹ˆ๋‹ค. ์ˆ˜๋งŽ์€ ์˜ต์…˜ ์ค‘์—์„œ AppMaster ์˜ ์ฝ”๋“œ ์—†๋Š” ํ”Œ๋žซํผ์€ ๋‹จ์—ฐ ๋‹๋ณด์ž…๋‹ˆ๋‹ค. ๋ฐฑ์—”๋“œ, ์›น ๋ฐ ๋ชจ๋ฐ”์ผ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ์ƒ์„ฑํ•˜๋Š” ๊ฐ„์†Œํ™”๋œ ๋ฐฉ๋ฒ•์„ ์ œ๊ณตํ•˜๋ฏ€๋กœ ๊ณ ๊ฐ์€ ์ฝ”๋”ฉ์— ๋Œ€ํ•œ ๋ถ€๋‹ด์„ ๋œ๊ณ  ํ˜์‹ ์— ๋” ์ง‘์ค‘ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด ์†”๋ฃจ์…˜์€ ์†Œํ”„ํŠธ์›จ์–ด ๊ฐœ๋ฐœ์„ 10๋ฐฐ ๋” ๋น ๋ฅด๊ฒŒ, 3๋ฐฐ ๋” ๋น„์šฉ ํšจ์œจ์ ์œผ๋กœ ๋งŒ๋“œ๋Š” ๋ฐ ๊ธฐ์—ฌํ•ฉ๋‹ˆ๋‹ค.

Easy to start
Create something amazing

Experiment with AppMaster with free plan.
When you will be ready you can choose the proper subscription.

Get Started
Angular 17 ๊ณต๊ฐœ: ์ œ์–ด ํ๋ฆ„ ๋ฐ ์ง€์—ฐ ๊ฐ€๋Šฅํ•œ ๋กœ๋”ฉ์„ ์œ„ํ•œ ์ƒˆ๋กœ์šด ๊ตฌ๋ฌธ์„ ์ œ๊ณตํ•˜๋Š” ๋ฏธ๋ž˜ | AppMaster