Angular(2+) Front์์ Back๊น์ง - Nest js๋ฅผ ์๋ ค๋ฉด Angular ๋ชจ๋์ ์์์ผํ๋ค!
์ด ๊ฐ์ข๋ Angular์ ๊ธฐ๋ณธ ๊ฐ๋ ์ ์ตํ๋๋ฐ ๊ทธ ๋ชฉ์ ์ ๋๊ณ ์์ต๋๋ค. Nest js๋ ์ ํ๋ ค๋ฉด ์ด ๊ธฐ๋ณธ ๊ฐ๋ ์ ์์์ผํ์ฃ . Angular๋ ๋ฌ๋์ปค๋ธ๊ฐ ๋๋ค๊ณ ๋ค ์ด์ผ๊ธฐ๊ฐ ๋๊ณคํ๋๋ฐ, ์ ํ ์ด๋ ต์ง ์์์ ์๋ ค๋๋ฆฌ๊ณ ์ถ์ด์. ์ค์ ๋ก Angular๋ ๋ฐฉ๋ํ ์๋ฃ๋ฅผ ๊ฐ์ง๊ณ ์์ต๋๋ค. ๊ทธ๋ ๊ธฐ์ ์์นซ ์ ๋ถ๋ค ๋ฐฐ์์ผํ๋ ๊ฒ์ฒ๋ผ ๋๊ปด์ง์ค ์ ์๋๋ฐ, ์ ๋ถ ๋ค ์ ํ์๋ ์์ ๋ฟ๋๋ฌ ํ์์ ์ธ ๋ถ๋ถ๋ง ์๊ณ ๋๋ฉด ๊ทธ ์ดํ๋ ์ ๋ง ์ฝ์ต๋๋ค. ์ต๊ทค๋ฌ์ ๋ค์คํธ๋ก ์๋น์ค๋ฅผ ๋ง๋๋ ๊ณณ์ ์๊ฐํฉ๋๋ค! ์ฑ์ฉ๊ณต๊ณ ๋ณด๊ธฐ -> https://www.notion.so/a121a022030d4821adad7035567c4e43 ํจ๊ปํด์!
์๊ฐ์ 2,817๋ช
๋์ด๋ ์ด๊ธ
์๊ฐ๊ธฐํ ๋ฌด์ ํ

- ๋ฏธํด๊ฒฐ
๋ฒ์ ๋ฌธ์๋๋ฆฝ๋๋ค!
ํ์ฌ Angular๊ฐ ๋ฒ์ 16๊น์ง ๋์จ๊ฑธ๋ก ์๋๋ฐ ํด๋น ๊ฐ์๋ ๋ฒ์ 16๊น์ง ๋ฐ์๋๊ฑธ๊น์>>
angular์ฃผ์ฐ
ใป
0
237
1
- ๋ฏธํด๊ฒฐ
์๋ํฐ ์ค๋ฅ ์ค์
์กด์ฌํ์ง ์์ html, css ์ค๋ฅ๋ฅผ ์ก์๋ด์ง๋ชปํ๋๋ฐ ์ค์ ์ ์ด๋์ํด์ผ๋๋์
angular์ ํฌ์
ใป
0
247
1
- ๋ฏธํด๊ฒฐ
ํ๋ ์ด๊ธฐํ ์๋ฌ
import { Component, OnInit } from '@angular/core'; import { Router } from '@angular/router
angularUniverse New
ใป
0
323
1
- ๋ฏธํด๊ฒฐ
Angular language service๊ฐ ์ ๋๋ก ์๋ํ์ง ์์๋..
์๋ ํ์ธ์, vscode๋ฅผ ์ฌ์ฉํ๋ฉฐ ๋ฐ๋ผํ๊ณ ์์ต๋๋ค.vscode ์ต์คํ ์ ์์ angular language service๋ฅผ ๊น์ ์ฌ์ฉํ๊ณ ์๋๋ฐ, ngOnChange ๊ฐ์ ๋ฉ์๋๊ฐ ์๋ ์์ฑ์ผ๋ก ๋จ์ง ์์ต๋๋ค.๊ทธ๋์ npm์ผ๋ก ํ๋ฌ๊ทธ์ธ๋
angularlanguage-serviceina
ใป
0
488
1
- ๋ฏธํด๊ฒฐ
Angular ๋ฅผ ์ node.js๋ก ์ค์นํ๋์
Angular๊ฐ express ์ฒ๋ผ node.js ํจํค์ง๋ก ๊ฐ๋ฐ๋๊ฑด๊ฐ์?ํ์ ์คํฌ๋ฆฝํธ๊ธฐ๋ฐ์ด๋ผ ์๋ฐ์คํฌ๋ฆฝํธ ์คํํ๊ฒฝ์ด ํ์ํ๊ฑด ์ดํด๊ฐ ๊ฐ๋๋ค. ๊ทผ๋ฐ ์์ ๋ณ๋์ ์คํํ๊ฒฝ์ด ์์์ค์์๋๋ฐ node.js ๊ธฐ๋ฐ์ด๋ผ๊ณ ํด์ผํ๋์?&nbs
angularnode.jsUniverse New
ใป
0
640
1
- ๋ฏธํด๊ฒฐ
์ง๋ฌธ์ด์.
์๋ ํ์ธ์ ๊ถ๊ธํ๊ฒ ์์ด ์ง๋ฌธ ๋๋ฆฝ๋๋ค. <di
Angular์ด๋ฏผํ
ใป
0
330
1
- ๋ฏธํด๊ฒฐ
chart.js์ค์นํ๋๋ฐ ๊ฒฝ๋ก๊ฐ ์๋ค๊ณ ์๋ฌ๊ฐ ๋์?
1. chart.js๋ฅผ ์ค์นํ์ ๋ ๋์จ ๋ฉ์ธ์ง์ ๋๋ค. npm install chart.js --save npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@2.1.3 (node_modul
Angular์ ์ ํ
ใป
0
274
0
- ๋ฏธํด๊ฒฐ
target์ es6๋ก ํ๋๋ฐ, ๋ค๋ฅด๊ฒ ๋์ต๋๋ค ใ -ใ
<img src="https://cdn.inflearn.com/public/files/posts/c388d5e3-2d0c-4a29-a75f-12852abe772b/carbon (2).png" title="tsconfig.json" width="1440" heigh
Angularniobbam
ใป
1
313
1
- ๋ฏธํด๊ฒฐ
ํ๋ฌ๊ทธ์ธ ์ ๋ณด
๊ฐ์ฌํฉ๋๋ค. ์ฌ๋ ค์ฃผ์ ๊ฐ์ข๊ฐ ์ด๊ธฐ ์ง์ ์ฅ๋ฒฝ์ ๋๋๋ฐ ๋ง์ ๋์์ด ๋ ๊ฒ ๊ฐ์ต๋๋ค. ์ฌ์ฉํ์ VSC ํ๋ฌ๊ทธ์ธ๋ค์ ๋ํ ์ ๋ณด๋ฅผ ์ ์ ์์๊น์? ์ด์ ๋ ํด์ด ๊ฐ๋ฐ ์์ฐ์ฑ์ ์ ๋์ ์ธ ์กฐ๊ฑด์ค์ ํ๋๊ฐ ๋๊ฒ ๊ฐ์ต๋๋ค.
AngularRoy Kwon
ใป
1
492
3
- ๋ฏธํด๊ฒฐ
ngOnchanges ์ง๋ฌธ
์์์์๋ ngOnchanges ๋ฉ์๋๋ฅผ ๊ทธ๋ฅ ํธ์ถํด์ ์ฐ๋๋ฐ, ์ ๋ ์ง๊ธ angular cli ๋ฒ์ ์ด 9.x๋ผ์ 7.x์ธ ์์ ๋น์์์ ๊ธฐ์ค์ด ๋ค๋ฅธ๊ฑด๊ฐ์ฉ ์๋ค์...; ๊ทธ๋์ angular ์ฌ์ดํธ ๊ฐ์ stable v9.1.11 ๊ธฐ์ค์ผ๋ก
AngularKS L
ใป
3
331
1
- ๋ฏธํด๊ฒฐ
typescript๊ด๋ จ
์ฝ๋๋ฅผ ๋ฐ๋ผ์ ํ๋ค๊ฐ ์ ๋ง ์ค๋ฅ๋๋ ์ํฉ์ ๋๋ค..ใ ก,,ใ ก <div style="color: #d4d4d4; background-color: #1e1e1e; font-family: Consolas, 'Courier New', monospace; font-si
AngularTony Lee
ใป
1
1,400
2
- ๋ฏธํด๊ฒฐ
tsc -v
tsc -v ์ฐ๋ฉด ๋ฐฐ์นํ์ผ์ด ์๋๋ผ๊ณ ๋จ๋ค์ ใ ใ
Angular๊ฐ์ ์
ใป
1
315
1
- ๋ฏธํด๊ฒฐ
์์ ์ปดํฌ๋ํธ๊ฐ์ ๋ฐ์ดํฐ ๊ตํ
์๋ ํ์ธ์! ํ์ํ ๋ ๋ง๋ค ๋ค์ ๊ฐ์๋ฅผ ๋ณด๋ฉฐ ๋ณต์ตํ๊ณ ์์ต๋๋ค. ์ข์ ๊ฐ์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค. ๋ค๋ฆ์ด ์๋๋ผ, ํ์ด์ง ๊ตฌ์กฐ๊ฐ ๋ถ๋ชจ์ปดํฌ๋ํธ์์ ์์ ์ปดํฌ๋ํธ๊ฐ ๋ฐ๋ก ์ฌ์ฉ์ด ๋๋๊ฒ ์๋, router-outlet์ ์ํด์ ์์ ์ปดํฌ
Angular์ด์ฅ์ถ
ใป
1
286
1
- ๋ฏธํด๊ฒฐ
์๋น์ค์ ์๋น์ค๋ฅผ ์ฃผ์ ์
ํญ์ ์ข์ ๊ฐ์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค. "์๋น์ค - ์๋น์ค์์ฑ" ๊ฐ์์์, Service์์ Service๋ฅผ ์ฃผ์ ํ ๋ ์ปดํฌ๋ํธ๋ ๋ชจ๋์ฒ๋ผ Provider๋ฅผ ์์ฑํ์ง ์๊ณ ์์ฑ์์ ๋ฐ๋ก ์ฃผ์ ํ๋๋ฐ, ์๋น์ค๊ฐ์ ์ฃผ์ ์์๋ injecto
Angular์ด์ฅ์ถ
ใป
1
255
1
- ๋ฏธํด๊ฒฐ
Angular Injector ๊ด๋ จ ์ง๋ฌธ์์ต๋๋ค.
์ข์ ๊ฐ์, ์น์ ํ ๋ต๋ณ ๋๋ฌด ๊ฐ์ฌ๋๋ฆฝ๋๋ค! ๋ค๋ฆ์ด ์๋๋ผ, Angular์ ์๋น์ค๋ ์ฑ๊ธํค์ผ๋ก ์๊ณ ์๋๋ฐ, ๋ถ๋ชจ ์ปดํฌ๋ํธ์ ํ์ ์ปดํฌ๋ํธ๊ฐ ๊ฐ๊ฐ ์์ ์ Injector๋ก ์๋น์ค๋ฅผ ์ฃผ์ ๋ฐ์ผ๋ฉด, ๋ณ๊ฐ์ ์๋น์ค ๊ฐ์ฒด๋ฅผ
Angular์ด์ฅ์ถ
ใป
1
398
3
- ๋ฏธํด๊ฒฐ
Dependency Injection ๊ด๋ จํด์ ์ง๋ฌธ์์ต๋๋ค.
์๋ ํ์ธ์, ์ฐ์ ์ข์๊ฐ์ ๋๋ฌด ๊ฐ์ฌ๋๋ฆฝ๋๋ค. ๋ง์ ๋์์ด ๋๊ณ ์์ต๋๋ค. ๋ค๋ฆ์ด ์๋๋ผ DI๊ฐ์์์ ์์๋ก Car ๋ฅผ ๋ค์ด์ฃผ์ จ๋๋ฐ 1. ๊ธฐ์กด์ Car ํด๋์ค ๋ด๋ถ์์ Tire์ Handle๊ฐ์ฒด๋ฅผ ์ง์
Angular์ด์ฅ์ถ
ใป
1
289
2
- ๋ฏธํด๊ฒฐ
map() ์์ ์ค๋ฅ ๋ฐ์
<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-spac
Angular์ฐฝ๋
ใป
3
383
2
- ๋ฏธํด๊ฒฐ
ํน์ GitHub ์ฝ๋๋ ์ ๊ณตํ์๋์?
๋ฌด๋ฃ์ด๋ฉด์ ์ข์ ๊ฐ์์์ ๋๋ฌด ๋ง์๊ฑธ ์๊ตฌ ํ ์๋ ์๊ฒ ์ง๋ง, ํน์๋ ํด์ ์ฌ์ญค๋ด ๋๋ค. ํน์ ์ฝ๋์ Commit ๊ธฐ๋ก์ GitHub ๋ฑ์ผ๋ก ์ ๊ณตํ์๋์? ์กด์ฌํ๋ค๋ฉด ์ฃผ์๋ฅผ ์๊ณ ์ถ์ต๋๋ค ใ
Angular๊น๋ฒ์ค
ใป
1
368
2
- ๋ฏธํด๊ฒฐ
๊ฐ์ฌ๋๊ป์ ์ด๋ค ํค๋ฅผ ๋๋ฅด์๋ฉด ์ฝ๋๊ฐ ์ด์๊ฒ ์ ๋ ฌ๋๋๋ฐ
์ข์ ๊ฐ์ ๊ฐ์ฌํฉ๋๋ค. ๋ณด๋ค๋ณด๋ ๊ฐ์ฌ๋๊ป์ ์ด๋ค ํค๋ฅผ ๋๋ฅด์๋ฉด ์ฝ๋๊ฐ ์ด์๊ฒ ์ ๋ ฌ๋๋๋ฐ ์ด๋ค ๊ฒ์ ์ฌ์ฉํ์ ๊ฑด๊ฐ์?
Angular์๋
ใป
2
254
1
- ๋ฏธํด๊ฒฐ
์์ ์ค๊ฐ์ ๊น๋ ํ๋ฉด์ด ๋์ค๊ณ ์์ด์.
16:08 ~ 16:27 ๋์ ๊น๋งํ๋ฉด์ด ๋์ค๊ณ ์๋ค์.
AngularHolden Colfield
ใป
2
262
1






