๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
Develop/It ์ด๊ฒƒ์ €๊ฒƒ

Angular js ํ”„๋กœ์ ํŠธ ์ƒ์„ฑํ•˜๋Š” ๋ฐฉ๋ฒ•

by _mingle 2024. 1. 25.
728x90

 

 

Angular js ๋กœ ํ”„๋กœ์ ํŠธ๋ฅผ ์ƒ์„ฑํ•˜์‹œ๋Š” ๋ถ„๋“ค์ด ์žˆ์„์ง€ ๋ชจ๋ฅด๊ฒ ์ง€๋งŒ ์ผ๋‹จ ์ ์–ด๋ณด๊ธฐ

๋ฐฉ๋ฒ•์€ ๊ฐ„๋‹จํ•˜๋‹ค.

 

 

 

1. Node.js ๋‹ค์šด๋กœ๋“œ ๋ฐ›๊ธฐ

nodejs ์„ค์น˜ ์‚ฌ์ดํŠธ : https://nodejs.org/en

 

Node.js

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

nodejs.org

 

node js ์„ค์น˜

๊ฐ€์žฅ ํ”ํžˆ ์‚ฌ์šฉํ•˜๋Š” ๋ฒ„์ „์˜ node js๋ฅผ ๋‹ค์šด ๋ฐ›์•„์ฃผ๋ฉด ๋จ.

๋ฒ„์ „ํ™•์ธ๊นŒ์ง€ ํ•ด์ฃผ๊ธฐ!

 

2. npm install -g @angular/cli ๋ช…๋ น์–ด๋กœ npm, cli ์„ค์น˜ํ•˜๊ธฐ

npm install -g @angular/cli

 

3. ํ”„๋กœ์ ํŠธ ์ƒ์„ฑ ๋ฐ ์„ค์ •

 ng new ํŒŒ์ผ๋ช…

์ž๋™์™„์„ฑ ํ™œ์„ฑํ™”ํ• ๊ฑฐ์•ผ? Y
๋ฐ์ดํ„ฐ Angular Team๊ณผ ๊ณต์œ ํ• ๊ฑฐ์•ผ? N
์–ด๋–ค ์Šคํƒ€์ผ์‹œํŠธ๋ฅผ ์‚ฌ์šฉํ• ๊ฑฐ์•ผ? SCSS
SSR(Server-Side Rendering) ๋ฐ ์ •์  ์‚ฌ์ดํŠธ ์ƒ์„ฑ(SSG/Prerendering)์„ ์‚ฌ์šฉํ• ๊ฑฐ์•ผ? N

 

4. Angular js ํ”„๋กœ์ ํŠธ ์™„์„ฑ

 

5. ํŒŒ์ผ์œ„์น˜ ๋ณ€๊ฒฝ ๋ฐ build

cd ํŒŒ์ผ๋ช…

ng build

 

ํ”„๋กœ์ ํŠธ ์„ธ๋ถ€ ์„ค์ •์€ ๋งˆ์Œ๋Œ€๋กœ ์„ค์ •ํ•˜์‹œ๋ฉด ๋ฉ๋‹ˆ๋‹ค. 

 

 

 

 

 

 

728x90
๋ฐ˜์‘ํ˜•

๋Œ“๊ธ€