์์ ์ง์ ๋ ์ง์ ๋ํด ๋ฌธ์ํ๋ ๋ง์ ๊ณ ๊ฐ์ด ์์ผ๋ฉฐ ์ฐ๋ฆฌ๊ฐ ์๋ ค์ค ์ ์๋ ์ ๋ขฐํ ์ ์๋ ๋ฆฌ์์ค๊ฐ ์์ต๋๋ค. ์ธํฐ๋ท์๋ ์ฌ๋ฌ ๊ฐ์ง ๋ถํ์คํ ์ ๋ณด๊ฐ ํฉ์ด์ ธ ์์ต๋๋ค.
์ด๊ฒ์ ์๋ก์ด ํ๋ก์ ํธ์์ Angular(1 ๋๋ 2+)๋ฅผ ์ฌ์ฉํ๋ ๊ฒ์ ๊บผ๋ คํฉ๋๋ค.
๋ถ๋ช ํ ๋น์ฆ๋์ค๊ฐ ์กฐ๊ธฐ์ 2+๋ก ๋ง์ด๊ทธ๋ ์ด์ ๋๊ธฐ๋ฅผ ๋ฐ๋ผ๋ ์จ๊ฒจ์ง ์๋ง์ด ์์ง๋ง ์ ๋ณด ๋ถ์กฑ์ผ๋ก ๋ฌ์ฑํ ์ ์์ต๋๋ค.
์ ํํ ์์์ผ ํ ๋ด์ฉ์ ์์ธํ ์ค๋ช ํ ์ ์์ต๋๊น? ๋ณด์ ์ ๋ฐ์ดํธ๋ฅผ ์๋ฏธํฉ๋๊น?
๋ณด์ ๋ฐ ํธํ์ฑ(๋ธ๋ผ์ฐ์ ํฌํจ), ์.
๊ธฐ๋ณธ์ ์ผ๋ก ์ ๋ ์๋ก์ด ๊ณ ๊ฐ์ด Angular 1.x์ ๋ํ "์ง์"์ด ๊ณง ์ข ๋ฃ๋์ด ๊ฐ๊น์ด ์ฅ๋์ ํ๋ก์ ํธ๋ฅผ ์ํ์ ๋น ๋จ๋ฆด ์ ์๋ค๊ณ ์ฐ๋ คํ๋ ๊ฒฝํฅ์ ๊ด์ฐฐํ์ต๋๋ค. "์ง์"์ด ์ ํํ ์๋ฏธํ๋ ๊ฒ์ ์ผ์ข ์ ๊ณต์ ๋ฐํ๊ฐ ๋ท๋ฐ์นจ๋๋ ํ ๊ทธ๋ค์ง ๊ด๋ จ์ด ์์ต๋๋ค. ํ์ฌ ์ด์ ๊ด๋ จํ์ฌ ๋ช ํํ ์ง์ ์ด ์์ผ๋ฉฐ ์ผ๋ฐ์ ์ผ๋ก ํ๋ก์ ํธ ํฌ๊ธฐ๊ฐ ์๋ฐํ๋ค๋ ์ ํธ๋ก ์ธ์๋ฉ๋๋ค. ๊ณ ๊ฐ์ Angular 1.x ํ๋ก์ ํธ๊ฐ 12-24๊ฐ์(๋๋ ๊ทธ ์ด์)์ ๊ธฐ๊ฐ ๋์ ์๋์ ์ผ๋ก "์์ ํ"์ง ์ฌ๋ถ๋ฅผ ์ดํดํด์ผ ํฉ๋๋ค.
ํ๋ก์ ํธ๊ฐ ์ค๋จ๋๋๋ผ๋ ํ๋ก์ ํธ๊ฐ
๊ทธ๋ง ์ผํด.
Wrt ๋ธ๋ผ์ฐ์ ์ง์. ํ๋จ ์ง์์๋ ๋ณ๊ฒฝ ์ฌํญ์ด ์์ต๋๋ค.
ํ์ฌ ๋ธ๋ผ์ฐ์ ์ ๊ฒฝ์ฐ ์ต์ API์ ๋ํ ๋ณ๊ฒฝ ์ฌํญ์ ํ๊ฐํ์ง๋ง ์ดํ
์ Javascript ๋ฒ์ ์๋ BC๊ฐ ์์ต๋๋ค. ๊ฑฑ์ ํ ๊ฒ์ด ์์ต๋๋ค.
์ ๋ํ.
๋ค์ ํ์์์ ์ด ์ฃผ์ ๋ฅผ ๋ค๋ฃจ๊ฒ ์ต๋๋ค.
๊ฐ๋ฐ์๋ก์ ๋๋ ๊ทธ๊ฒ์ ์ดํดํ๋ฉฐ ์ ๋ฒ์ ์ด ์ถ์๋์ง ์๋๋ผ๋ Angular 1.x๊ฐ ์กฐ๋ง๊ฐ "์ค๋จ"๋ ๊ฒ์ผ๋ก ๊ธฐ๋ํ์ง ์์ต๋๋ค. ๊ทธ๋ฌ๋ ๋น์ฆ๋์ค์ ๊ฒฝ์ฐ ์ด๋ฌํ "๊ณต์ ์ง์ "์ ์์กดํ๋ ๊ฒฝํฅ์ด ์์ผ๋ฉฐ Angular ์ปค๋ฎค๋ํฐ๋ ์ด๋ค ์์ผ๋ก๋ ํํ์ ๋ฐ์ ๊ฒ์ด๋ผ๊ณ ์๊ฐํฉ๋๋ค.
๊ฐ๋จํ ๋งํด์, ์ง๊ธ๊น์ง์ ์ง์ (๋๋ถ๋ถ์ ํธ๋ํฝ ๋ฐ ๊ธฐํ ๋ฑ๋ฑ)์ ๊ธฐ์ ์ด ์์กดํ ๋งํผ ์ ํํ์ง ์์ต๋๋ค.
์ฆ, ์ด ๋ฌธ์ ๋ฅผ ์ ๊ธฐํด ์ฃผ์ ์ ๊ฐ์ฌํ๊ณ ๊ทธ๊ฒ์ด ์ด๋ค ์ข ๋ฅ์ ์ฑ๋ช ์ผ๋ก ์ด์ด์ง ์ ์๋ค๋ฉด ๋ง์ ์๋ฏธ๊ฐ ์์ ๊ฒ์ ๋๋ค.
์, ์ ๋ ์์ง ํ๋ก๋์ ๋จ๊ณ๊ฐ ์๋ ๋๊ท๋ชจ Angular 1.X ํ๋ก์ ํธ๋ฅผ ์งํ ์ค์ ๋๋ค. ๊ทธ๋ฌ๋ ์ด๊ฒ์ ์ค๋ซ๋์ ์กด์ฌํ ๊ฒ์ ๋๋ค(๋๊ท๋ชจ ์ํฐํ๋ผ์ด์ฆ). ์ด ๋งฅ๋ฝ์์ ์ถ๊ฐ ์ ๋ณด๊ฐ ์์ผ๋ฉด ํฅ๋ฏธ๋ก์ธ ๊ฒ์ ๋๋ค.
์์ง ์ค์ง์ ์ธ ๊ฒ์ ์์ง๋ง Angular ํ์ ์ด๋ฅผ ์๊ณ ์์ผ๋ฉฐ ์ด์ ๋ํ ๋ณด๋ค ๊ตฌ์ฒด์ ์ธ ์ ๋ณด๊ฐ ์์ ๊ฒ์ ๋๋ค. ๊ทธ๋์ ์ด ๋ฌธ์ ๋ฅผ ๋ซ๊ณ ์์ต๋๋ค.
@Narretz ๋ต๋ณ ๊ฐ์ฌํฉ๋๋ค. ์ด๋ฏธ ์ด ๋ฌธ์ ๋ฅผ ์ถ์ ํ๊ณ ์๋ ์ฌ๋์ ์ํด ์ ๋ณด๊ฐ ์ ๊ณต๋๋ฉด ์ฌ๊ธฐ์ ํด๋น ์ ๋ณด๋ฅผ ๋จ๊ฒจ๋๋ ๊ฒ์ด ์ข์ต๋๋ค.
์ด๊ฒ์ด ์ด ๋ ผํ์ ์ํ ์ ์ ํ ์ฅ์์ธ์ง ํ์คํ์ง ์์ง๋ง, ์ ๋ Angular 1.x์ ์๋นํ ํฌ์๋ฅผ ํ๊ณ ์๋ ๋๊ธฐ์ ์์๋ ์ผํ๊ณ โโ์์ต๋๋ค. ๊ทธ๋ฆฌ๊ณ ์ฐ๋ฆฌ๋ ์ด์ ์๋ง์ ํฅ์๋ UI ํ๋ก์ ํธ๋ฅผ ์ ๊ณตํ ๋๊ท๋ชจ ์์คํ ํตํฉ ํ๋ก์ ํธ๋ฅผ ์์ํ๊ณ ์์ต๋๋ค. ๋๋ ์ด๋ฌํ ๋ ธ๋ ฅ์ ์ํด Angular 2.x์ ์ฑํ์ ์ฅ๋ คํ๋ ค๊ณ ๋ ธ๋ ฅํ๊ณ ์์ง๋ง ๊ฒ์๋ ์ง์ ๋ก๋๋งต์ด ์์ผ๋ฉด ํ์์ ์ ํ๋ ์์ํฌ์์ ๊ฐ๋ฐ ์ง์์ ์ ๊ทธ๋ ์ด๋ํ๊ณ ์ฌ๊ต์กํ ์์ฌ๊ฐ ์์ต๋๋ค. 1.x์ ๋ํ ๋ชจ๋ ์ ํ์ ๊ณต์ ์๋น์ค ์๋ช ๋ก๋๋งต์ 2.x ์ด์์ ์ฑํ์ ์ถ์งํ๋ ๋ฐ ํฐ ๋์์ด ๋ฉ๋๋ค.
@sellmeadog ์ฐ๋ฆฌ๋ ์์ง ๊ณต์ ๋ฐํ๋ฅผ ํ ์ค๋น๊ฐ ๋์ง ์์์ง๋ง, ๊ทธ ๊ตฌ์ฒด์ ์ธ ํผ๋๋ฐฑ์ ์ฐ๋ฆฌ์ ๊ณํ์ ํ์คํ ์ ์ฉํฉ๋๋ค. ๊ฐ์ฌํฉ๋๋ค!
์๋ค ์, ์ ์ ๋ณด๋ฅผ ์ ๊ณตํ์ง ์๊ณ ๋ฌธ์ ๋ฅผ ์ข ๋ฃํฉ๋๊น? ์ง๊ธ์ ์๋ฌด ๊ฒ๋ ๋ฐํํ ์ ์์ต๋๋ค. ๊ด์ฐฎ์ต๋๋ค. ํ์ง๋ง ๋ฐํ๊ฐ ์์ ๋๊น์ง ๋ฌธ์ ๋ฅผ ์ด์ด ๋๋ ๊ฒ์ด ์ข์ต๋๋ค.
์ ๋ ์ด๊ฒ ํท๊ฐ๋ฆฝ๋๋ค. ์ ๋ Angular2(๋๋ 4?)๋ฅผ ์ํด AngularJS์ ๋ํ ๊ฐ๋ฐ์ด ๋ณธ์ง์ ์ผ๋ก ๋๋ฌ๋ค(์์ ์ )๋ผ๋ ์ธ์๊ณผ ํจ๊ป ๋ช ๋ฌ ๋์ ์ฐ๊ตฌํด ์์ผ๋ฉฐ ์ด์ 1.6.5๊ฐ ๋ฆด๋ฆฌ์ค๋์์ผ๋ฉฐ 1.7์ ๋ํ ํ ๋ก ์ ๋ณด๊ณ ์์ต๋๋ค. ์ด ํ๋ก์ ํธ๋ ์ด๋ค ๋ฐฉํฅ์ผ๋ก ๊ฐ๊ณ ์์ต๋๊น?
@RubyRabelle , 1.X ์ฝ๋๊ฐ 1.X ์ฝ๋ ๊ธฐ๋ฐ์ ์ ์ ๋ ๋ง์ 2+ ๊ฐ๋ ์ ๊ฐ์ ธ์ค๊ธฐ ์ํด ์ง์์ ์ผ๋ก ์ ๋ฐ์ดํธ๋์ด ๋ฏธ๋์ 2+๋ก ๋ง์ด๊ทธ๋ ์ด์ ํ๊ธฐ๊ฐ ๋ ์ฝ๋ค๋ ๊ฒ์ ์๊ณ ์์ต๋๋ค.
์ด๊ฒ์ ์ ์ด๋ ๋์๊ฒ๋ ์ฌ์ ํ ์ด์์๋ ๋ฌธ์ ์ ๋๋ค. ์ ๋ ํ์ฌ Angular 1์์ ์ฌ์ํ์ง ์์ ๊ธฐ์ ์์คํ ์ ๋ณด๊ณ ์์ผ๋ฉฐ ๊ตฌ์ฒด์ ์ธ ๊ถ์ฅ ์ฌํญ์ ์ ์ํด์ผ ํฉ๋๋ค. ๋ช ํํ ๋ฉ์์ง๊ฐ ์์ผ๋ฉด Angular 4๋ก์ ๋ง์ด๊ทธ๋ ์ด์ ์ ์ถ์งํ๊ฑฐ๋ ํฅํ ๋ช ๋ ๋์ ํ์ฌ AngularJS ์ฝ๋๋ฒ ์ด์ค๋ฅผ ๊ณ์ ๊ฐ๋ฐํ๊ฒ ๋ค๋ ๊ฒฐ์ ์ ์ง์งํ ๊ทผ๊ฑฐ๊ฐ ์์ต๋๋ค.
์, ์ ๋ 1.x๋ฅผ ๋๊ท๋ชจ๋ก ๊ตฌํํ๊ณ ์์ผ๋ฉฐ ํ์ฌ ๊ฒฝ์์ง์ผ๋ก๋ถํฐ ์ฅ๊ธฐ ์ง์ ์ํฉ์ ๋ํ ์ง๋ฌธ์ ๋ฐ๊ณ ์์ต๋๋ค.
@tommck @stuartellis @sebastian-zarzycki-es
์ฐ๋ฆฌ๋ Angular์์ AngularJS์ ๊ด๋ จ๋ ์ฌ๋ฌ ๊ฐ์ง ๊ทผ๋ณธ์ ์ธ ๋ฌธ์ (์: ๋๊ท๋ชจ ๋ณ๊ฒฝ ๊ฐ์ง ์๋)๋ฅผ ํด๊ฒฐํ์ผ๋ฉฐ ๋๋ถ๋ถ์ ์ ํ๋ก์ ํธ์์ Angular๋ฅผ ์ฑํํ๋๋ก ์ด๋๋ ๋ง์ ์๋ก์ด ๊ธฐ๋ฅ์ด ์์ต๋๋ค. ์ฐ๋ฆฌ๋ ํ์ฌ AngularJS๋ฅผ ๊ณ์ ์ง์ํ๊ณ ์ ์ง ๊ด๋ฆฌํ๊ณ ๊ฐ๋ฐํ๊ณ ์์ง๋ง ๋ณด๊ณ ์ถ์ ๊ฒ์ด ๋ฌด์์ธ์ง ๋ถ๋ช ํ ๋ฃ๊ณ ์ถ์ต๋๋ค.
๊ทผ๋ณธ์ ์ธ ๋ฌธ์ ๋ "์ง์"์ด ๋ชจ๋ ์ฌ๋์๊ฒ ๋ค๋ฅธ ๊ฒ์ ์๋ฏธํ๋ค๋ ๊ฒ์ ๋๋ค. ๊ธฐ์ ์ ๊ฒฐ์ ์ ์ ํจ์ฑ ๊ฒ์ฌ ๋๋ ๋ฌดํจํ์ ๋๊น(๊ทธ๋ฆฌ๊ณ "์ง์"์ด๋ผ๋ ์์ด๋์ด๋ ์ด์ ์ด๋ป๊ฒ ์ํฅ์ ์ค๋๊น?) ๋ณด์ ํจ์น๋ฅผ ์๋ฏธํฉ๋๊น? AngularJS์ ๊ณต๊ฒฉ ํ๋ฉด์ ์๋์ ์ผ๋ก ์์ง๋ง Angular๋ ํจ์ฌ ๋ ์๊ธฐ ๋๋ฌธ์ ์ฌ๊ธฐ์ ๋ง์ ๊ฒ ๊ฐ์ง ์์ต๋๋ค. ์๋ก์ด ๋ธ๋ผ์ฐ์ ๊ธฐ๋ฅ์ ํ์ฉํ๊ธฐ ์ํด ์ฃผ์ ๋ณ๊ฒฝ ์ฌํญ์ ๋์ ํด์ผ ํ๋ค๋ ์๋ฏธ์ ๋๊น?
๋ณด๊ณ ์ถ์ ์ฝ์์ด๋ ํ์๋ผ์ธ์ด ์์ผ๋ฉด [email protected]๋ก ์ด๋ฉ์ผ์ ๋ณด๋ด์ฃผ์ธ์
๋ชจ๋ ์ฌ๋์ด AngularJS์ ๋ฃ์ ์ ์๋ ์๋ก์ด ๊ธฐ๋ฅ/๊ฐ์ ์ฌํญ์ ์ํ์ ์ด ์๋ค๋ ๊ฒ์ ์ดํดํ๊ณ ์๋ค๊ณ ์๊ฐํฉ๋๋ค. ๋๋ถ๋ถ์ ๊ธฐ๋ฅ์ด Angular๋ก ๋ฆฌ๋๋ ์ ๋์ด์ผ ํ๋ ๊ฒ์ ๋ถ๋ช ํฉ๋๋ค. ๋ํ ํ์ฌ ์ํคํ ์ฒ, ๋ค์ด์ ์คํธ ๋ชจ๋ธ ๋ฑ์ ๊ณ ๋ คํ ๋ ๊ฐ์ ํ ์ ์๋ ๊ฒ์ด ๋๋ฌด ๋ง์ต๋๋ค.
์ ์๊ฒ ์ง์์ด๋ ๋ค์ ์ค ํ๋๊ฐ ๋ฐ์ํ ๋ ๋น ๋ฅธ ๋ฐ์์ ์๋ฏธํฉ๋๋ค.
์ง์์ ๋ํด ์ด์ผ๊ธฐํ ๋ ๊ณ ๊ฐ์ ๋๋ถ๋ถ ๊ฐ๊น์ด ์ฅ๋์ ๋จ์ํ "์๋์ ์ค์ง"ํ ๊ฒ์ด๋ผ๊ณ ์ฐ๋ คํฉ๋๋ค. ๊ธฐ์ ์ ์ธ ๊ด์ ์์ ๋ณผ ๋ ๊ฐ๋ฅ์ฑ์ด ํฌ๋ฐํ๋ค๋ ๊ฒ์ ์ดํดํฉ๋๋ค. ๊ทธ๋ฌ๋ "์ง์" ๋ถ๋ถ์ด ์กฐ๊ธ ๊ณผ์ฅ๋๋๋ผ๋ ์น์ฌ์ดํธ์์ ์์ฑํ ์ ์๋ ๊ณต์ ์ฑ๋ช ๋ ํ ๊ฐ๋ฐ์/ํ๋ก์ ํธ ๊ด๋ฆฌ์์ ์๊ฒฌ์ ๋๋ค.
๋ฒ๊ทธ ์์ ์ด ๊ณ์ ์ด๋ฃจ์ด์ง๋๋ก ํ๊ณ ์ถ์ต๋๋ค(์, pull ์์ฒญ์ ํ์ํ์ง๋ง ํญ์ ๊ฐ๋ฅํ ๊ฒ์ ์๋๋๋ค).
๋ํ ์ต์ข
๋ชฉํ๊ฐ ๋ฌด์์ธ์ง ์๋ ค์ฃผ๋ ์ฐ๋ฆฌ๊ฐ ์ง์ ํ ์ ์๋ ์ง์ ์ ๋ณด๊ณ ์ถ์ต๋๋ค.
ํ ๋๋ Angular๋ก ๋ง์ด๊ทธ๋ ์ด์
ํ๊ธฐ ์ฝ๊ฒ AngularJS์ ๊ธฐ๋ฅ์ ๊ณ์ ์ถ๊ฐํ๋ ๊ฒ์ด ์์ด๋์ด์์ต๋๋ค. ์๋ฅผ ๋ค์ด ๊ตฌ์ฑ ์์๋ฅผ ์ถ๊ฐํ๋ ๊ฒ์ด ์ด๊ฒ์ ์ผ๋ถ์์ต๋๋ค. ๋ ์ด์ ์๋ฏธ๊ฐ ์์ ๋๊น์ง AngularJS๋ฅผ ์ ์ ๋ Angular์ฒ๋ผ ๋ง๋๋ ๊ฒ์ด ๋ชฉํ์
๋๊น?
์๋ก์ด ๊ธฐ๋ฅ์ด ๋ํ๋ ๊ฒ์ผ๋ก ์์๋ฉ๋๊น, ์๋๋ฉด ํ์ฌ ์ ์ง ๊ด๋ฆฌ ๋ชจ๋์ ์์ต๋๊น?
๋๋ ์ด๊ฒ์ด ์คํ ์์ค ํ๋ก์ ํธ๋ผ๋ ๊ฒ์ ์๊ณ ์์ง๋ง ๋ถ๋ช ํ Angular ํ์ ๋ง์ ์ง์์ ๋ฐ๊ณ ์์ต๋๋ค. ๊ทธ๋ ๋ค๋ฉด ๊ทธ ์์์ ์ธ์ ์ฌ๋ผ์ง๊น์? ๊ทธ๊ฒ์ด ๋ด๊ฐ ์๊ฐํ๋ ์ผ์ข ์ "์ง์"์ ๋๋ค.
๋๋ ํญ์ ํ๋ก์ ํธ๋ฅผ ํฌํฌํ ์ ์์ง๋ง ๋๋ถ๋ถ์ ํ์ฌ๋ ๊ทธ๊ฒ์ ๋ํด ๋ณ๋ก ๊ธฐ๋ปํ์ง ์์ ๊ฒ์ ๋๋ค.
@StephenFluin - ์๋ตํด ์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค. ์ด์ ๋ ๊ธด ๋ฉ์์ง๋ฅผ ์ด๋ฉ์ผ๋ก ๋ณด๋์ต๋๋ค.
์ฐ๋ฆฌ์ TLDR์ ๋น๊ธฐ์ ์ ๊ด๋ฆฌ์์ ๊ธฐ๋ณธ ๊ธฐ๋๋ ๋ฐฐํฌ๋ ์์คํ ์ด ๋ง๋ฃ ๋ ์ง์ ๋๋ฌํ ๋๊น์ง ๋์ผํ ๋ฐฉ์์ผ๋ก ๊ณ์ ์๋ํ๊ณ ์ผ๋ฐ์ ์ผ๋ก ์ด๋ ค์ด ์ผ์ , ๋น์ฉ ๋ฐ ํน์ ( ๊ถ๊ทน์ ์ผ๋ก ๊ณ์ฝ) ๋ณด์ฆ. "Angular๋ X ๋ ์ง๊น์ง ๊ณํ๋ ์์ ์์ด ์ ์ง๋๋ฉฐ ๊ทธ ์ดํ์๋ ๋ณด์ฅํ ์ ์์ต๋๋ค"๋ผ๊ณ ๋งํ ์ ์๋ค๋ฉด ์ด๋ฅผ ์ ์, ํ๋ก์ ํธ ๋ฐ ์์ฐ์ ๊ธฐ์ ์์ฌ ๊ฒฐ์ ์์คํ ์ ๊ณต๊ธํ ์ ์์ต๋๋ค.
์ฐธ๊ณ ๋ก, v1.7 ๋ฐ AngularJS ์ฅ๊ธฐ ์ง์์ ๋ํ ์ต์ ์ ๋ฐ์ดํธ๋ ๋ค์๊ณผ ๊ฐ์ต๋๋ค. https://blog.angular.io/stable-angularjs-and-long-term-support-7e077635ee9c
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
์๋ค ์, ์ ์ ๋ณด๋ฅผ ์ ๊ณตํ์ง ์๊ณ ๋ฌธ์ ๋ฅผ ์ข ๋ฃํฉ๋๊น? ์ง๊ธ์ ์๋ฌด ๊ฒ๋ ๋ฐํํ ์ ์์ต๋๋ค. ๊ด์ฐฎ์ต๋๋ค. ํ์ง๋ง ๋ฐํ๊ฐ ์์ ๋๊น์ง ๋ฌธ์ ๋ฅผ ์ด์ด ๋๋ ๊ฒ์ด ์ข์ต๋๋ค.