๐ŸŽ‚ ์นœ๊ตฌ์ƒ์ผ ๊ธฐ๋… ์›น์‚ฌ์ดํŠธ ๋งŒ๋“ค๊ธฐ

2ujinยท2020๋…„ 6์›” 17์ผ
34

๐Ÿ’ป ํ”„๋กœ์ ํŠธ

๋ชฉ๋ก ๋ณด๊ธฐ
3/3

์•ˆ๋…•ํ•˜์„ธ์š” ๋ฐ˜๊ฐ‘์Šต๋‹ˆ๋‹ค ใ…Žใ…Ž ๋งจ๋‚  ๊ธฐ๋ก์šฉ์œผ๋กœ ๋ฒจ๋กœ๊ทธ ์“ฐ๋‹ค๊ฐ€ ์˜ค๋žœ๋งŒ์— ์ œ๋Œ€๋กœ ๋œ ๊ธ€์„ ์ ์–ด๋ณด๋Š” ๊ฒƒ ๊ฐ™๋„ค์š”,,ใ…Žใ…Ž๐Ÿ˜Œ

๋ฉฐ์น  ์ „ ๊ฐ€์žฅ ์˜ค๋ž˜ ์•Œ๊ณ  ์ง€๋‚ธ ์นœ๊ตฌ์˜ ์ƒ์ผ์ด์—ˆ์Šต๋‹ˆ๋‹ค ^^.. ๊ฒŒ์œผ๋ฅธ ์ „.. ์ƒ์ผ์„ ๋ฌผ ์ค€๋น„๋ฅผ ๋ชปํ–ˆ์ฃ  ^^ใ…Žใ…Ž

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

๊ทธ๋ž˜์„œ ๊ทธ๋Ÿฐ์ง€ ๋งŽ์ด ํ—ˆ์ ‘ํ•ฉ๋‹ˆ๋‹ค ใ…Žใ…Ž

๊ฐœ๋ฐœ ๊ณต๋ถ€ํ•œ ์‚ฌ๋žŒ ๋˜๋Š” ๊ฐœ๋ฐœ์ž๊ฐ€ ๋ณด๋ฉด ๋„ˆ๋ฌด๋‚˜๋„ ๊ฐ„๋‹จํ•œ html๋กœ ์ถฉ๋ถ„ํžˆ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋Š” ์›น ์ˆ˜์ค€์ด๋ผ ๋ถ€๋„๋Ÿฝ์ง€๋งŒ ์นœ๊ตฌ๋Š” ๊ฝค๋‚˜ ๊ฐ๋™ํ–ˆ๋‹ค๊ณ  ๋งํ•ด์คฌ์Šต๋‹ˆ๋‹ค..ใ…Žใ…Ž(๋ฌผ๋ก  ๋ฐ˜๊ฐ•์ œ์ )

๊ฐœ๋ฐœ์Šคํƒ

๊ฐ„๋‹จํ•˜๊ฒŒ ๊ฐœ๋ฐœ ์Šคํƒ์„ ๊ณต๊ฐœํ•˜์ž๋ฉด angular ๊ธฐ๋ฐ˜์ด๊ณ  ๋ฐฐํฌ๋Š” ๊นƒํ—ˆ๋ธŒ๋กœ ๊ฐ„๋‹จํ•˜๊ฒŒ ํ–ˆ์Šต๋‹ˆ๋‹ค. (๊นƒํ—ˆ๋ธŒ ์งฑ)

์‚ฌ์‹ค css ํฌ๊ฒŒ ๊ฑด๋“ค์ด๊ธฐ ๊ท€์ฐฎ์•„์„œ ๊ธฐ๋ณธ์ ์ธ ํ‹€์€ angular material ์‚ฌ์šฉํ•ด์„œ ์‰ฝ๊ฒŒ ๊ฐœ๋ฐœํ–ˆ์Šต๋‹ˆ๋‹ค ^^

ํ‰์†Œ์™€ ๊ฐ™์ด ์ž‘์—…์ค‘์ธ ํŒŒ์ผ๋“ค์„ ๊นƒํ—ˆ๋ธŒ์— ์˜ฌ๋ฆฌ๊ณ  Settings > GitHub Pages ์—์„œ ๋ฐฐํฌ๋ฅผ ์‹œ๋„ ํ–ˆ๋Š”๋ฐ 404 ํŽ˜์ด์ง€๊ฐ€ ๊ณ„์† ๋–ด์Šต๋‹ˆ๋‹ค. ๊ฒ€์ƒ‰ํ•ด๋ณด๋‹ˆ angular-cli-ghpages ๋ฅผ ์ด์šฉํ•ด์„œ ์‰ฝ๊ฒŒ ๋ฐฐํฌํ•  ์ˆ˜ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค ใ…Žใ…Ž

*์ฐธ๊ณ  https://alligator.io/angular/deploying-angular-app-github-pages/

์—„์ฒญ ๊ฐ„๋‹จํ•ฉ๋‹ˆ๋‹ค!

ng add angular-cli-ghpages 
ng deploy --base-href=/## PROJECT_NAME ##/

์ด๋Ÿฐ์‹์œผ๋กœ deploy๋ฅผ ํ•ด์ฃผ๋ฉด ์•Œ์•„์„œ gh-pages ๋ผ๋Š” ๋ธŒ๋žœ์น˜๋ฅผ ์ƒ์„ฑํ•ด์„œ ๋ฐฐํฌ๋ฅผ ํ•ด์ค๋‹ˆ๋‹ค!

๋ฉ”๋‰ด๊ตฌ์„ฑ

๋ฉ”๋‰ด๋Š” ์„ ๋ฌผ๊ณ ๋ฅด๊ธฐ, ํŽธ์ง€, ์ธ์ฆ์ƒท, ๊ทธ๋ฆฌ๊ณ  ์ƒ์ผ์ถ•ํ•˜๋…ธ๋ž˜์™€ ํ•จ๊ป˜ ์ผ€์ดํฌ ๋ณด์—ฌ์ฃผ๋Š” ํ™”๋ฉด,,,๋Œ€์ถฉ 4๊ฐœ๋กœ ๊ตฌ์„ฑํ–ˆ์Šต๋‹ˆ๋‹ค

์ƒ์ž 3๊ฐœ์— ๊ฐ๊ฐ ์„ ๋ฌผ์„ ์ •ํ•ด๋†จ์Šต๋‹ˆ๋‹ค. ใ…Žใ…Ž ์นœ๊ตฌ๊ฐ€ ์„ ํƒํ•˜๋ฉด ์ด์ œ ๊ทธ๊ฑธ ์„ ๋ฌผ๋กœ ์ฃผ๊ณ ์ž ๋งŒ๋“  ํ™”๋ฉด์ž…๋‹ˆ๋‹ค,, ์›๋ž˜๋Š” ๊ฐ„๋‹จํ•œ ๊ฒŒ์ž„์„ ๋„ฃ๊ณ  ์‹ถ์—‡๋Š”๋ฐ ์‹œ๊ฐ„์ด ๋„˜ ์ด‰๋ฐ•ํ•ด์„œ ใ… ใ…  ๊ฐ„๋‹จํ•˜๊ฒŒ ๊ณ ๋ฅด๋Š” ํ˜•์‹์œผ๋กœ ์ˆ˜์ •ํ–ˆ์Šต๋‹ˆ๋‹ค!

์„ ๋ฌผ์ด ๋ญ”์ง€๋Š” ์ €๋งŒ ์•Œ๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค ใ…Žใ…Ž ์•Œ๋ ค์ค„๊นŒ ํ•˜๋‹ค๊ฐ€ ์žฌ๋ฏธ์—†์„ ๊ฒƒ ๊ฐ™์•„์„œ ๊ทธ๋ƒฅ ๊ณต๊ฐœ ์•ˆํ–ˆ์Šต๋‹ˆ๋‹ค.

๊ทธ๋ฆฌ๊ณ  ํŽธ์ง€ ํƒญ์—๋Š” ๋Œ€์ถฉ hover ๋˜๋ฉด ์—ด๋ฆฐํŽธ์ง€๊ฐ€ ๋‚˜์˜ค๋ฉด์„œ ํŽธ์ง€๋ฅผ ์ฃผ๋Š” ์ปจ์…‰์ž…๋‹ˆ๋‹ค ใ…Žใ…Ž ์‹ค์ œ๋ก  ์†ํŽธ์ง€๋กœ ์ค˜์„œ.. ๋ง‰ํŒ์— ๊ฐœ๋ฐœํ•ด์„œ ๊ทธ๋Ÿฐ์ง€ ๋ˆ„๊ฐ€๋ด๋„ ๊ท€์ฐฎ์Œ์ด...๋ณด์ด๋Š” ๊ทธ๋Ÿฐ ํ™”๋ฉด์ž…๋‹ˆ๋‹ค..ใ…‹ใ…‹

์ธ์ฆ์ƒท์„ ์ฐ์„ ์ˆ˜ ์žˆ๋Š” ํ™”๋ฉด์ž…๋‹ˆ๋‹ค!

npm install --save ngx-webcam

ngx-webcam ์ด๋ผ๋Š” ๊ฒƒ์„ ํ†ตํ•ด์„œ ์‰ฝ๊ฒŒ ๊ตฌํ˜„ํ•  ์ˆ˜ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค ใ…Žใ…Ž

์ฐ์€ ์‚ฌ์ง„์€ ์š”๋ ‡๊ฒŒ ํด๋ผ๋กœ์ด๋“œ ์ฒ˜๋Ÿผ ๋‚˜์˜ต๋‹ˆ๋‹ค. (๋ฌผ๋ก  ์ €์žฅํ•˜๋Š” ๊ธฐ๋Šฅ์€ ์—†......์Šต๋‹ˆ๋‹ค....์ˆ˜๋™์œผ๋กœ ์บก์ณ ^^ ํ•˜๋ฉด ๋ฉ๋‹ˆ๋‹ค ใ…Žใ…Ž ์นœ๊ตฌ๋“ค์ด ์ด๊ฑธ ๊ฐ€์žฅ ๋ง˜์— ๋“ค์–ดํ–ˆ์Šต๋‹ˆ๋‹ค ใ…Žใ…Ž)

๋งˆ์ง€๋ง‰ ํ™”๋ฉด์€ ์ผ€์ดํฌ ํ•˜๋‚˜ ๋„์›Œ๋†“๊ณ  ์ƒ์ผ์ถ•ํ•˜ ๋…ธ๋ž˜๋ฅผ ๋ถ€๋ฅผ ์ˆ˜ ์žˆ๋Š” ํ™”๋ฉด ์ž…๋‹ˆ๋‹ค. ๋…ธ๋ž˜๋ฅผ ์‰ฝ๊ฒŒ ์žฌ์ƒํ•  ์ˆ˜ ์žˆ๋Š” ๊ฑด ๋ฐ”๋กœ

npm install ngx-audio-player --save

์ด๊ฑธ ์ด์šฉํ–ˆ์Šต๋‹ˆ๋‹ค. npm์€ ์—ญ์‹œ ์งฑ์ž…๋‹ˆ๋‹ค...ใ…Žใ…Ž

์ผ์šœ๋ถ€ํ„ฐ ๊ฐœ๋ฐœ ์‹œ์ž‘ํ•ด์„œ ์›”์šœ๋‚  ํ‡ด๊ทผํ•˜๊ณ  ๋งˆ๋ฌด๋ฆฌ ์ง“๊ณ  ์–ด์ œ ์ƒ์ผํŒŒํ‹ฐ ํ•˜๊ณ  ์™”์Šต๋‹ˆ๋‹ค...ใ…Žใ…Žใ…Žใ…Ž

๊ธ‰ํ•˜๊ฒŒ ๋Œ€์ถฉ ๋งŒ๋“ค์–ด์„œ ๋„ˆ๋ฌด๋‚˜๋„ ํ—ˆ์ ‘ํ•˜์ง€๋งŒ..... ์ƒ์ผ์ธ ์นœ๊ตฌ๊ฐ€ ๋ง˜์— ๋“ค์–ดํ•ด์„œ ๋‚˜๋ฆ„ ๋ฟŒ๋“ฏํ–ˆ๋˜ ๊ฒƒ ๊ฐ™๋„ค์š”...ใ…‹ใ…‹ ๐Ÿ‘๐Ÿป

์‹ค์ œ๋กœ ์ƒ์ผํŒŒํ‹ฐ๋•Œ ์›น์‚ฌ์ดํŠธ ๋ณด์—ฌ์ฃผ๋ฉด์„œ ์—ด์‹ฌํžˆ ์„ ๋ฌผ๊ณ ๋ฅธ ์ธ์ฆ์ƒท,,!!!!!

์‚ฌ์‹ค ๊ฐœ๋ฐœ๋ณด๋‹ค ์ด ์›€์งค ๋งŒ๋“œ๋Š”๊ฒŒ ๋” ํž˜๋“ค์—ˆ์Šต๋‹ˆ๋‹ค..........ใ…Žใ…Ž ํ•œ๋ฒˆ์ฏค์€ ์ด๋ฒคํŠธ์„ฑ์œผ๋กœ ๋งŒ๋“ค๋งŒํ•˜๋„ค์š”....๋‚ด๋…„ ์ƒ์ผ์—” ์—…๋ฐ์ดํŠธ ํ•ด์„œ ์šฐ๋ ค๋จน์„๊นŒ ์ƒ๊ฐ์ค‘์ž…๋‹ˆ๋‹ค....๐Ÿคฃ

๊ทธ๋Ÿผ ์ด์ƒ ๋ณ„๊ฑฐ ์—†๋Š” ๊ฐ„๋‹จํ•œ ํ”„๋กœ์ ํŠธ ์ด์•ผ๊ธฐ์˜€์Šต๋‹ˆ๋‹ค...ใ…Žใ…Žใ…Žใ…Žใ…Ž

profile
๋ž‘ํ˜ธ

11๊ฐœ์˜ ๋Œ“๊ธ€

comment-user-thumbnail
2020๋…„ 6์›” 17์ผ

์ƒ์ผ ์„ ๋ฌผ๋กœ ๊ท€์—ฝ๊ณ  ์žฌ๋ฏธ์žˆ๋Š” ๋ฐœ์ƒ์„ ์‹ค์ฒœํ•˜์…จ๋„ค์š”
๋ฉ‹์ง‘๋‹ˆ๋‹ค ^^

1๊ฐœ์˜ ๋‹ต๊ธ€
comment-user-thumbnail
2020๋…„ 6์›” 21์ผ

์นœ๊ตฌ ์ด๋ฆ„์ด ์ œ ์นœ๊ตฌ ์ด๋ฆ„์ด๋ž‘ ๋˜‘๊ฐ™์•„์„œ ํ ์นซํ–ˆ์–ด์š” ใ…‹ใ…‹ใ…‹ ์•„์ด๋””์–ด๊ฐ€ ๋ฉ‹์ ธ์š”! ๐Ÿ‘๐Ÿป

๋‹ต๊ธ€ ๋‹ฌ๊ธฐ
comment-user-thumbnail
2020๋…„ 6์›” 28์ผ

์žฌ๋ฐŒ๋Š” ๋ฐœ์ƒ์ด๋„ค์š”~

๋‹ต๊ธ€ ๋‹ฌ๊ธฐ
comment-user-thumbnail
2020๋…„ 6์›” 29์ผ

์›น ๊ฐœ๋ฐœ์ž๋ผ๋ฉด ์ด๋งŒํผ ๊ฐ๋™์ ์ธ ์„ ๋ฌผ์ด ์žˆ์„๊นŒ์š”~ใ…‹ใ…‹

๋‹ต๊ธ€ ๋‹ฌ๊ธฐ
comment-user-thumbnail
2020๋…„ 6์›” 29์ผ

์กฐ๊ธˆ๋งŒ ๋ฐฐ์šฐ๊ณ  ๊ผญ ์ด๊ฑฐ ๋”ฐ๋ผ์„œ ๋งŒ๋“ค์–ด ๋ด์•ผ๊ฒ ๋„ค์š”!

๋‹ต๊ธ€ ๋‹ฌ๊ธฐ
comment-user-thumbnail
2020๋…„ 6์›” 30์ผ

์†Œ์†Œํ•œ(์‚ฌ์‹ค ๋งŒ๋“ค๋ ค๋ฉด ์†Œ์†Œํ•˜์ง€ ์•Š์€...) ์„ ๋ฌผ ์ž˜ ๋ดค์Šต๋‹ˆ๋‹ค!
ํ™ˆํŽ˜์ด์ง€๋ฅผ ์„ ๋ฌผ๋กœ ์ฃผ๊ฒ ๋‹ค๋Š” ๊ฑด ์‹ ์„ ํ•œ ์•„์ด๋””์–ด๋„ค์š” :)

๋‹ต๊ธ€ ๋‹ฌ๊ธฐ
comment-user-thumbnail
2020๋…„ 6์›” 30์ผ

์ € ์†Œ๋ฆ„๋‹์•˜์–ด์š”..
๋‹˜ ๊นƒํ—ˆ๋ธŒ ์ฐธ๊ณ ํ•ด์„œ ์ €๋„ ๋”ฐ๋ผ๋งŒ๋“ค์–ด๋ด์•ผ๊ฒ ์–ด์š”ใ…Žใ…Ž

๊ทธ๋ฆฌ๊ณ  ๋‹˜ ๋ฒจ๋กœ๊ทธ ์‚ดํŽด๋ดค๋Š”๋ฐ์š”!
์‹œ๋ฆฌ์ฆˆ ์ธ๋„ค์ผ์ด ๋˜๊ฒŒ ๋…ํŠนํ•˜๋”๋ผ๊ตฌ์š” ์ง์ ‘๋งŒ๋“œ์‹ ๊ฑฐ๊ฐ™์€๋ฐ ๋งž๋‚˜์š”?

๊นƒํ—ˆ๋ธŒ๋‚˜, ํ™ˆํŽ˜์ด์ง€๋„ ์‚ดํŽด๋ดค๋Š”๋ฐ ์—ฌ๋Ÿฌ๋ชจ๋กœ ์ž๊ทน ๋งŽ์ด ๋ฐ›์•˜์Šต๋‹ˆ๋‹ค.
๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค.

1๊ฐœ์˜ ๋‹ต๊ธ€
comment-user-thumbnail
2020๋…„ 7์›” 3์ผ

๊ธ€ ์ž˜ ๋ดค์–ด์š” :)

๋‹ต๊ธ€ ๋‹ฌ๊ธฐ
comment-user-thumbnail
5์ผ ์ „

์˜ค ๋น ๋ฅด๊ฒŒ ์ž˜ ๋งŒ๋“œ์‹ ๊ฒƒ๊ฐ™์•„์š” ใ…Žใ…Ž

๋‹ต๊ธ€ ๋‹ฌ๊ธฐ