๐์ฅ์
- ๊ฐ๋ ์ฑ์ด ๋๊ณ ์ง๊ด์ ์ด๋ค.
- ReactJS์ ์ ์ฌํ ์ฑ๋ฅ์ ๋ณด์ฌ์ค๋ค
- ๋น๋ ์์คํ , ๋ผ์ฐํ , ์ํ๊ด๋ฆฌ๋ฅผ ๊ณต์์ ์ผ๋ก ์ง์ํด์ ์์ ์ ํ๊ฒฝ๊ตฌ์ถ ๊ฐ๋ฅ
- Vuex๋ Vue.js๋งํผ์ด๋ ๋งค์ฐ ์ฝ๊ณ ์ฝ๋๋ ๊ฐ๊ฒฐํด์ vue.js์ ์ฅ์ ์ด๋ค.
๊ฒฐ๋ก ๐ ๋ ๋น ๋ฅด๋ค, ๋ ์ ์ฐํ๋ค, ๋ ๊ฐ๋ณ๋ค ์์ง๊น์ง ๋จ์ ์ ๋ชป๋๋ผ๊ฒ ๋ค.
๐์ฅ์
- ์ธ์ฆ์์คํ
firebase์์ ๋ก๊ทธ์ธ์ ๋ด๋นํ๋ ๋ถ๋ถ์ด๋ค.
์ค์ ์๋ฒ์์ ๋ก๊ทธ์ธ์ ๋ด๋นํ๋ ๊ณณ์ ์์ฒญ ๋ณต์กํด์ง๋ค.
๋ณด์์ฒ๋ฆฌ, ๋น๋ฐ๋ฒํธ ์ฐพ๊ธฐ, ์์ด๋ ์ฐพ๊ธฐ, ๋น๋ฐ๋ฒํธ ๋ฐ๊พธ๊ธฐ, ์ด๋ฉ์ผ ์ธ์ฆ ์ด๋ฐ๊ฒ๋ค์ ๊ตฌ์ถํ๋ ๊ฒ์ ๋งค์ฐ ๋ณต์กํฉ๋๋ค.
ํ์ง๋ง firebase๋ฅผ ์ฌ์ฉํ๋ฉด ์ด ๋ชจ๋ ๊ฒ์ ์ง์ํด์ค๋๋ค.- 3์ธ๋ Database
์ฃผ๋ก ์ฐ๋ฆฌ๊ฐ ์๊ณ ์๋ ๋ฐ์ดํฐ ๋ฒ ์ด์ค๋ผํ๋ฉด MySql, ์ค๋ผํด๊ณผ ๊ฐ์ ๊ด๊ณํ ๋ฐ์ดํฐ ๋ฒ ์ด์ค๋ฅผ ๋ ์ฌ๋ฆฐ๋ค.
firebase๋ NoSql๊ธฐ๋ฐ์ด๋ค. ๋ํ firebase๋ RTSP(real time stream protocol) ๋ฐฉ์์ผ๋ก ์ค์๊ฐ์ผ๋ก ๋ฐ์ดํฐ๋ฅผ ์ ์กํด ์ฃผ๋ ๋ฐฉ์์ ๋๋ค.
์ด๋ฐฉ์์ผ๋ก ์ธํด ์์ผ ๊ธฐ๋ฐ ์๋ฒ๋ฅผ ๋ง๋ค์ด ์ฌ์ฉํ๋ ๊ฒ์ ๋นํด ์ฝ๋์ ์์ด ์์ฒญ๋๊ฒ ์ค์์ผ๋ฉฐ ์ฝ๋ ๋ช์ค๋ก๋ ์ํ๋ ๊ตฌ์ฑ์ ๋ง๋ค์ด ๋ผ ์ ์๋ค.- Analytics๋ฅผ ์ ๊ณต
๋ง๊ทธ๋๋ก ํต๊ณ๋ฅผ ๋ด์ด์ค๋๋ค.
์ฌ์ฉ์๋ค์ด ์ด๋ป๊ฒ ์ฌ์ฉํ๊ณ ์๋์ง ํต๊ณ ์ ๋ณด๋ฅผ ๊ฐ์ง๊ณ ์์ต๋๋ค.
์ค๋ฅํต๊ณ, ์ฌ์ฉ์ ์ ์ง์จ, ๊ณ ๊ฐ ์ ๋ฐ์ดํธ์ํ, ํน์ ํ์ด์ง์ ๋จธ๋ฌธ์๊ฐ ๋ฑ๋ฑ ๋ง์ ํต๊ณ ์ ๋ณด๋ฅผ ์ ๊ณตํ์ฌ ์ด๋ค ํ์ด์ง๊ฐ ์ธ๊ธฐ๊ฐ ๋ง์์ง ์ฐพ์ ์ ์๊ณ ์ด์ ๋ง๊ฒ ๋ง์ถค์ผ๋ก ๋ง์ผํ ์ ํ ์ ์์ต๋๋ค.
๐๋จ์
- ์๋ต์๋
Firebase๋ฅผ ๋ง์ด ์ฌ์ฉํ๋ ์ ์ ๋ค์ด ํ๋ ๋ง์ ์๋ฒ์ ์๋ต์๋๊ฐ ๋๋ ค์ง๋ค๋๊ฒ์ด๋ค.
์๋ก๋ค์ด ๋ฆฌ์ผํ์์ผ๋ก ์งํ๋๋ ์ฑํ ์ฑ๊ณผ ๊ฐ์๊ฒฝ์ฐ์๋ Firebase์ ์ธ์ฆ์ ์ฑ๊ณตํ๊ณ ๋ก๊ทธ์ธ์ ํ๊ณ ๋ฉ์ธํ๋ฉด์์ ๋ฐ์ดํฐ์ ์ ๊ทผํ ๋ ์๋ฒ์๋ต์๊ฐ์ด ์กฐ๊ธ ๊ฑธ๋ฆฌ๋ ๊ฒฝ์ฐ๊ฐ ์๋ค.
์ด๊ฑด Firebase์ ๋ฌธ์ ์ด๋ฉฐ ์ด์ ๋ ์๋ฒ๊ฐ ํด์ธ์ ์๊ธฐ ๋๋ฌธ์ ์ข ์ข ์๋์ ์ง์ฐ์ด ์๊ธด๋ค๋๊ฒ์ด๋ค.
ํ์ง๋ง ์ด๋ฐ๋ถ๋ถ์ ๊ตฌ๊ธ์์ ์์์์ชฝ ์๋ฒ๋ฅผ ๊ตฌ์ถํด์ฃผ์๊ณ ์ด๋ฐ ํผ๋๋ฐฑ์ด ๊ณ์ํด์ ์ด๋ค์ง๋ค๋ ์ ์์ ๋จ์ ๋ํ ์ผ๋ง ์ง๋์ง ์์์ ์ฅ์ ์ด ๋ ๊ฒ์ด๋ผ ์๊ฐํฉ๋๋ค.
๊ธฐ์ ํ์ ์ ์งํํ๋ฉด์ ์ด๋ฒ์ firebase์ Vue.js๋ฅผ ์ฌ์ฉํด๋ณด์๋ค.
๋ฌผ๋ก 10์ผ์ด๋ ๊ธฐ๊ฐ์ ๋ ์ฌ์ฉํด ๋ณธ๊ฒ ์ ๋ถ์ด์ง๋ง ํ์คํ ์ฌ์ฉํ๋ฉด์ ๋๋์ ์ด ์๋ค.Vue.js
Vue๋ผ๋ ํ๋ ์์ํฌ๋ฅผ ์ฒ์์ผ๋ก ์ ํ๋ฉด์ ์ฒ์์๋ ์ต์ํ์ง ๋ชปํด์ ๋ฒ๋ฒ ๊ฑฐ๋ ธ์ง๋ง
์๊ฐ๋ณด๋ค ๋งค๋ ฅ์ ๋๋ผ๋ ์ค์ด๋ค.
์ด์ ๋ ์ ์ฒด์ ์ผ๋ก ๋น ๋ฅด๊ฒ ์ํ๋ ๊ฒฐ๊ณผ๋ฌผ์ ์ป์ ์ ์๊ณ ์ง๊ด์ ์ธ ํํ์ผ๋ก ๊ฐ๋ ์ฑ์ด ์ข๋ค๋ ์ ์์๋ ์ ์ ์ผ๋ก ๋์๋ฅผ ํ๊ธฐ ๋๋ฌธ์ด๋ค.
๊ทธ๋ผ์๋ ๋จ์ ์ด ์๋ค๊ณ ์๊ฐํ๋๋ฐ ๋จ์ ์ ์ปค๋ฎค๋ํฐ์ ํ์ฑํ ๋ผ๊ณ ์๊ฐ์ ํฉ๋๋ค.
์ด์ ๊ฐ๋ฐ์ด๋๊ฑธ ๋ฐฐ์ฐ๋ฉฐ ์ฃผ๋์ด ๊ฐ๋ฐ์๋ฅผ ๊ฟ๊พธ๋ ์ ์๊ฒ ๋งํ๋ ๋ถ๋ถ์ด ์์๋ ์ปค๋ฎค๋ํฐ์ ํ์ฑํ๋ ์ค์ํ์ ์ด๋ผ๊ณ ์๊ฐํฉ๋๋ค.
React์ ์์ฒญ๋ ์ปค๋ฎค๋ํฐํ์ฑํ ๋๋ถ์ ๋ง์ ๋ฌธ์ ๋ฅผ ํด๊ฒฐํด ๋๊ฐ์๋๋ฐ Vue๋ฅผ ์ ํ๋ฉด์ ์ถฉ๋ถํ ์ปค๋ฎค๋ํฐ ํ์ฑํ๋ ์ด๋ค์ ธ ์์ง๋ง React์ ์ปค๋ฎค๋ํฐ ๋งํผ์ ์๋๋ผ๊ณ ์๊ฐํฉ๋๋ค.
ํ์ง๋ง ์ด๋ฌํ ๋จ์ ๋ ์ ์๊ฒ ํผ์์ ๋ฌธ์ ๋ฅผ ๊ณ ๋ฏผํ๊ฒํ๊ณ ํด๊ฒฐํ ์์๋ ํ์ ํค์ ์ค ๊ฒ ๊ฐ์ต๋๋ค.FireBase
firebase๋ ์ฒ์ ์ ํ๋ฉด์ ํธ๋ฆฌํจ์ ์ ๋ง ๋ง์ด ๋๋์ต๋๋ค.
์ฌ์ฉํ๊ธฐ ๋๋ฌด ํธํ๋ฉฐ ์๊ฐ๋ณด๋ค ์ฝ๊ฒ ์ด์ฉ๊ฐ๋ฅ ํ๋ค๋ ์ ์ ๋๋ค.
๊ตฌ๊ธ๋ก๊ทธ์ธ์ ํฌํจํ ๋ง์ ์์ ๋ก๊ทธ์ธ์ ๋ํ ๊ธฐ๋ฅ ๊ตฌํ์ ์กฐ๊ธ๋ง ์ฐพ์๋ณด๋ฉด ์ฝ๊ฒ ํ ์ ์๊ฒ ๋์์๋ค๋ ์ ์์ ๋๋ฌด ๋๋์ต๋๋ค.
๋ํ ์ค์๊ฐ ๋ฐ์ดํฐ๋ฒ ์ด์ค๊ฐ ๋ณํจ์ ํ๋ก ํธ์๋์ธ ์ ๊ฐ ์ง์ DB๋ฅผ ๋ณธ์ ์ด ์์๋๋ฐ Firebase๋ฅผ ํตํด ์ ์ DB์ ๋ณํ๋ ๋ฌผ๋ก ๋ณํ์๋ํ ํต๊ณ์๋ฃ๊น์ง ๋์ค๋์ ์์ ๋ฐฐ์ฐ๋๋ฐ ์ฆ๊ฑฐ์์ ์ฃผ์์ต๋๋ค.
๋๋ฌด ์ข์ผ์ ๋ถ ๋ฐ์์ ๋ฐฐ์ธ ์ ์๋ค๋ ๊ธฐํ๋ง์ผ๋ก ์ ์๊ฒ ํ์ด์ธ๊ฒ ๊ฐ์ต๋๋ค.
๋จ์๊ธฐ๊ฐ Firebase, Vue๋ผ๋ ๋งค๋ ฅ์ ์ธ ๊ธฐ์ ์ ๊ผญ ๋ด๊ฒ์ผ๋ก ๋ง๋ค์ด์ ๋๊ฐ๊ฒ ๋ค.