์๋ ํ์ธ์ ๋ฐ๊ฐ์ต๋๋ค ใ ใ ๋งจ๋ ๊ธฐ๋ก์ฉ์ผ๋ก ๋ฒจ๋ก๊ทธ ์ฐ๋ค๊ฐ ์ค๋๋ง์ ์ ๋๋ก ๋ ๊ธ์ ์ ์ด๋ณด๋ ๊ฒ ๊ฐ๋ค์,,ใ ใ ๐
๋ฉฐ์น ์ ๊ฐ์ฅ ์ค๋ ์๊ณ ์ง๋ธ ์น๊ตฌ์ ์์ผ์ด์์ต๋๋ค ^^.. ๊ฒ์ผ๋ฅธ ์ .. ์์ผ์ ๋ฌผ ์ค๋น๋ฅผ ๋ชปํ์ฃ ^^ใ ใ
์ ๋ฐํ๊ฒ ์ ๋ฌผ์ ์ ํ ๋ฐฉ๋ฒ์ด ์์๊น ๊ณ ๋ฏผํ๋ค๊ฐ ์น๊ตฌ ์์ผ์ ์ํ ์น์ฌ์ดํธ๋ฅผ ๊ฐ๋ฐํ์ต๋๋ค. ใ ใ ์ ๋ฌผ ๊ณ ๋ฅด๋ ๊ฒ์ด ๋๋ฌด ํ๋ค์ด์ ๊ทธ๋ฅ ๋์ถฉ ์ ๋ฌผ ๋๋ค์ผ๋ก ๊ณ ๋ฅผ ์ ์๋ ํ๋ฉด๋ง ๋ณด์ฌ์ค์ผ์ง ์๊ฐํ๋ฉด์ ์์ํ๋๋ฐ,, ๋๋ฌด ํ์ ํด์ ์ด๊ฒ์ ๊ฒ ๊ทธ๋ฆผ ๊ทธ๋ ค์ ๋ฃ๊ณ ๋ณ๊ฑฐ ์๋ ๊ธฐ๋ฅ๋ ๋ฃ๊ฒ ๋๋ค์...ใ ใ
๊ทธ๋์ ๊ทธ๋ฐ์ง ๋ง์ด ํ์ ํฉ๋๋ค ใ ใ
๊ฐ๋ฐ ๊ณต๋ถํ ์ฌ๋ ๋๋ ๊ฐ๋ฐ์๊ฐ ๋ณด๋ฉด ๋๋ฌด๋๋ ๊ฐ๋จํ 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์ ์ญ์ ์งฑ์ ๋๋ค...ใ ใ
์ผ์๋ถํฐ ๊ฐ๋ฐ ์์ํด์ ์์๋ ํด๊ทผํ๊ณ ๋ง๋ฌด๋ฆฌ ์ง๊ณ ์ด์ ์์ผํํฐ ํ๊ณ ์์ต๋๋ค...ใ ใ ใ ใ
๊ธํ๊ฒ ๋์ถฉ ๋ง๋ค์ด์ ๋๋ฌด๋๋ ํ์ ํ์ง๋ง..... ์์ผ์ธ ์น๊ตฌ๊ฐ ๋ง์ ๋ค์ดํด์ ๋๋ฆ ๋ฟ๋ฏํ๋ ๊ฒ ๊ฐ๋ค์...ใ
ใ
๐๐ป
์ค์ ๋ก ์์ผํํฐ๋ ์น์ฌ์ดํธ ๋ณด์ฌ์ฃผ๋ฉด์ ์ด์ฌํ ์ ๋ฌผ๊ณ ๋ฅธ ์ธ์ฆ์ท,,!!!!!
์ฌ์ค ๊ฐ๋ฐ๋ณด๋ค ์ด ์์งค ๋ง๋๋๊ฒ ๋ ํ๋ค์์ต๋๋ค..........ใ ใ ํ๋ฒ์ฏค์ ์ด๋ฒคํธ์ฑ์ผ๋ก ๋ง๋ค๋งํ๋ค์....๋ด๋ ์์ผ์ ์ ๋ฐ์ดํธ ํด์ ์ฐ๋ ค๋จน์๊น ์๊ฐ์ค์ ๋๋ค....๐คฃ
๊ทธ๋ผ ์ด์ ๋ณ๊ฑฐ ์๋ ๊ฐ๋จํ ํ๋ก์ ํธ ์ด์ผ๊ธฐ์์ต๋๋ค...ใ ใ ใ ใ ใ
์น๊ตฌ ์ด๋ฆ์ด ์ ์น๊ตฌ ์ด๋ฆ์ด๋ ๋๊ฐ์์ ํ ์นซํ์ด์ ใ ใ ใ ์์ด๋์ด๊ฐ ๋ฉ์ ธ์! ๐๐ป
์น ๊ฐ๋ฐ์๋ผ๋ฉด ์ด๋งํผ ๊ฐ๋์ ์ธ ์ ๋ฌผ์ด ์์๊น์~ใ ใ
์์ํ(์ฌ์ค ๋ง๋ค๋ ค๋ฉด ์์ํ์ง ์์...) ์ ๋ฌผ ์ ๋ดค์ต๋๋ค!
ํํ์ด์ง๋ฅผ ์ ๋ฌผ๋ก ์ฃผ๊ฒ ๋ค๋ ๊ฑด ์ ์ ํ ์์ด๋์ด๋ค์ :)
์์ด๋์ด๊ฐ ๋๋ฌด ์ข์์ ํ๋ก์ ํธ ๊ณผ์ ๋ก ์ด๊ฒ์ ๊ฒ ์ฐพ๊ณ ์์๋๋ฐ ๊นํ๋ธ ๋ณด๊ณ ๋์ ๋ง์ด ๋์์ต๋๋ค ์๋ณด๊ณ ๊ฐ์!
์๋ ํ์ธ์ฉ ใ ใ ๊ฒ์์ ํตํด์ ์ด ๊ฒ์๋ฌผ์ ๋ฐ๊ฒฌํ๊ฒ ๋๋๋ฐ ์ด๋ฒ ์น๊ตฌ์์ผ๋ ์์ฃผ ์ข์ ์ ๋ฌผ์ด ๋์์ต๋๋ค ใ ใ ๋๋ฌด ๊ฐ์ฌ๋๋ ค์! ์ฝ๋ฉ์ ๋ํด ์๋ ๊ฒ์ด ์์ด์ ๊นํ๋ธ๋ง๊ตฌ ์นํ์ด์ง ์ ์ ํ๋ซํผ์ ์ด์ฉํ์ฌ ๋ง๋ค์์ง๋ง ๊ทธ๋๋ ๋ ๋ฟ๋ฏํ๊ณ ๋ฐ์๋ ์ข์์ด์! ์ข์ ์์ด๋์ด๋ฅผ ์ ๊ณตํด์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค!
๋๋ฌด ๊ท์ฌ์์! ์ ๋ ์น๊ตฌ ์ํด์ ๋ง๋ค๊ณ ์ถ์๋ฐ ํน์ ์ผ์ดํฌ ์์งค ์ฌ์ฉํด๋ ๋ ๊น์?!
์ฐธ๊ณ ํ๋ผ๊ณ ์ฃผ์ ์ฌ์ดํธ๊ฐ ์๋ฌ๊ฐ ๋จ๋๋ฐ ๋ค์ ์๋ ค์ฃผ์ค ์ ์์๊น์?ใ ใ
๋ฉ์ ธ์! ๊ธ์ต ๊ฐ๋ฐ ๋ธ๋ก๊ทธ ์ฝํ ์ธ ๋ ์ด๋ค๊ฑฐ ๊ฐ์ผ์ ๊ฐ์?: https://quantpro.co.kr/
์์ผ ์ ๋ฌผ๋ก ๊ท์ฝ๊ณ ์ฌ๋ฏธ์๋ ๋ฐ์์ ์ค์ฒํ์ จ๋ค์
๋ฉ์ง๋๋ค ^^