์ธ์ ์จ?
1. ์์ด๋์ด๋ฅผ ๋น ๋ฅด๊ฒ ํ
์คํธํด์ผํ ๋
2. ์๋ฒ, DB์ ์๊ฐ๊ณผ ๋์ ๋ญ๋นํ๊ณ ์ถ์ง ์์ ๋
๋ฐฑ์ค๋ ๊ธฐ๋ฅ ํฌ๊ด ๊ธฐ๋ฅ ์ ๊ณตํ๋ค.
= AWS amplify
Firebase๋ ๋ชจ๋ ํ๋ ํผ์ ํ๋ก์ ํธ ๊ตฌ์ถ ์ ์๋์ ์ผ๋ก ๋ง๋ค์ด ์ค๋ค. ๋ํ ์๋ฒ๋ฅผ ๊ตฌ์ถํ๊ธฐ ์ํด์ ๋ฆฌ๋ ์ค ๋ช ๋ น์ด๋ฅผ ์ ํ์๋ ์์ผ๋ฉฐ ๋๋ฉ์ธ์ ๊ตฌ์ ํ ํ์๋ ์๊ณ ๊ฐ๋ฐํ๋ ๋์์๋ ์๋ฒ๋ฅผ ๊ตฌ์ ํ ํ์ ์๋ค. ์ด๋ฅผ ํตํด ํ๋ก ํธ์๋ ๊ฐ๋ฐ์์ ๋ฐฑ์๋ ๊ฐ๋ฐ์ ๊ฒฝ๊ณ๊ฐ ๋ชจํธํด ์ง ๊ฒ์ด๋ฉฐ ์ ์ ๋น์ฉ์ผ๋ก ๋งค์ฐ ์ข์ ์ฑ์ ๋ง๋ค ์ ์๋ค.
FireBase์ ๋ํ์ ์ธ ๊ธฐ๋ฅ
์ธ์ฆ, ๋ฐ์ดํฐ๋ฒ ์ด์ค, ์คํ ๋ฆฌ์ง, ์๊ฒฉ ๊ตฌ์ฑ, ํธ์ ์๋์ด ์๋ค
FireBase์ ์ฅ์
1) ์ธ์ฆ ์์คํ ์ ์ง์ํฉ๋๋ค.
์ธ์ฆ์ Firebase ์์ ๋ก๊ทธ์ธ์ ๋ด๋นํ๋ ๋ถ๋ถ์ ๋๋ค. ๋ก๊ทธ์ธ์ ๋ด๋นํ๋ ๋ถ๋ถ์ ์ง์ ์๋ฒ๋ก ๊ฐ๋ฐํ ๊ฒฝ์ฐ ์์ฒญ๋๊ฒ ๋ณต์กํ๋ฐ , ๊ทธ ์ด์ ๋ ์ธ์ฆ๋ ์ฌ์ฉ์์ธ์ง ํ์ธํ๋ ์ธ์ ์ฒ๋ฆฌ์์ ๊ทธ ์ธ์ ์ผ๋ก ๋ฐ์ดํฐ๋ฒ ์ด์ค, ์ ์ฅ์์ ์ ๊ทผํด๋ ๋ฌธ์ ๊ฐ ์๋์ง ํ์ธํ๋ ๋ณด์์ฒ๋ฆฌ, ๋น๋ฐ๋ฒํธ ์ฐพ๊ธฐ, ์์ด๋ ์ฐพ๊ธฐ, ๋น๋ฐ๋ฒํธ ๋ฐ๊พธ๊ธฐ, ์ด๋ฉ์ผ ์ธ์ฆ ๋ฑ ๋ณต์กํ ๊ฒ์ ๊ตฌ์ถํด์ผ ํฉ๋๋ค. ํ์ง๋ง FireBase๋ ์ด ๋ชจ๋ ๊ฒ๋ค์ ์ง์ํฉ๋๋ค!
2) FireBase๋ NoSQl ๊ธฐ๋ฐ์ 3์ธ๋ ๋ฐ์ดํฐ๋ฒ ์ด์ค ์ ๋๋ค.
Document ํ์์ ๋น ๋ฅด๊ณ ๊ฐํธํ NoSQL๊ธฐ๋ฐ์ ๋ฐ์ดํฐ๋ฒ ์ด์ค๋ ๋ค๋ฅธ ๋ฐ์ดํฐ ๋ฒ ์ด์ค ๋ค๊ณผ ๋ค๋ฅด๊ฒ RTSP(Real Time Stream Protocol) ๋ฐฉ์์ ๋ฐ์ดํฐ๋ฒ ์ด์ค๋ฅผ ์ง์ํ๊ณ ์์ต๋๋ค. ์ด ๋ฐฉ์์ ์ฌ์ฉํ๋ฉด ์์ผ ๊ธฐ๋ฐ ์๋ฒ๋ฅผ ๋ง๋ค์ด์ ํต์ ํ๋ ๊ฒ ๋ณด๋ค ๋น์ฝ์ ์ผ๋ก ์ฝ๋ ์์ด ์ค๊ฒ๋์ด ์ฝ๋ ๋ช ์ค๋ก๋ ์ํ๋ ๊ตฌ์ฑ์ ๋ง๋ค ์ ์์ต๋๋ค.
3) ์๊ฒฉ ๊ตฌ์ฑ์ ์ง์ํฉ๋๋ค.
์๊ฒฉ๊ตฌ์ฑ์ด๋ ์๊ฒฉ์ผ๋ก ์ฑ์ ํ๊ฒฝ ์ํ๋ฅผ ๊ตฌ์ฑํ๋ ๊ฒ์ ๋งํฉ๋๋ค. ์ฑ์ ๋ฐฐ๊ฒฝํ๋ฉด ํ ๋ง๋ ํฐํธ๋ฅผ ๋ฐ๊พผ๋ค๋๊ฐ, ์ ๋ฐ์ดํธ์ฐฝ ์๋ฆผ์ฐฝ์ ๋์ด๋ค๋๊ฐ ์ฑ์ ํ๊ฒฝ์ ์๊ฒฉ์ผ๋ก ๊ตฌ์ฑํ ๋ ์ฌ์ฉํ๋ ๊ธฐ๋ฅ์ ๋๋ค.
4) ์ฝ์์ ์ ๊ณตํฉ๋๋ค.
์ฝ์์ด๋ผ๋ ์ฉ์ด๋ ์ฝ๊ฒ ๋งํด์ ์๋ฒ ๊ด๋ฆฌ์ ํ์ด์ง๋ผ๊ณ ์๊ฐํ๋ฉด ๋ฉ๋๋ค. ์ฑ์ ์๋ฒ๋ฅผ ๋ง๋ค๊ฒ ๋๋ฉด ๋ฆฌ๋ ์ค, FTP, MySQL(๋ฐ์ดํฐ๋ฒ ์ด์ค), Node.JS ์๋ฒ ํน์ Spring ์๋ฒ, ํธ์๋ณด๋ด๊ธฐ API๋ง ๊ตฌ์ถํ ๊ฒ์ด ์๋๋ผ ์ด ๋ชจ๋ ๊ฒ์ ๊ด๋ฆฌํ ์ ์๋ ๊ด๋ฆฌ์ ํ์ด์ง๊ฐ ํ์ํฉ๋๋ค. ํ์ฌ๋ ์กฐ์ง์ ์๋ ์ฌ๋๋ค์ด ๋ฆฌ๋ ์ค๋ ๋ฐ์ดํฐ๋ฒ ์ด์ค, ์๋ฒ๋ฅผ ๋ค๋ฃฐ ์ค ์๋ค๋ฉด ๊ด๋ฆฌ์ ํ์ด์ง๊ฐ ํ์์์ ์๋ ์์ง๋ง ๊ทธ๋ ๊ฒฝ์ฐ๊ฐ ๋ง์ง์๊ณ ๋ํ ์ ๊ทผ ๋ณด์์ ์ํด์ ๊ด๋ฆฌ์ ํ์ด์ง๋ฅผ ๋ง๋ค์ด์ผ ํฉ๋๋ค. ๊ทธ๋ผ ์ฑ์ ๋ง๋ค๊ธฐ ์ํด์ ์ฑ๊ฐ๋ฐ์ ๋ฟ์๋๋ผ ์๋ฒ ๊ฐ๋ฐ์๊น์ง ํ์ํด์ง๋๋ค. ์๋๋ก์ด๋ ์ฑํ๋๋ฅผ ๋ง๋ค๊ธฐ์ํด ๋ฐฐ๋ณด๋ค ๋ฐฐ๊ผฝ์ด ๋ ์ปค์ ธ๋ฒ๋ฆด์ ์์ต๋๋ค. ํ์ง๋ง FireBase๋ ์ด ๋ชจ๋ ๊ฒ์ ์ง์ํด์ค๋๋ค.
5) Analytics๋ฅผ ์ ๊ณตํฉ๋๋ค.
Analytics ๋จ์ด ๊ทธ๋๋ก ํต๊ณ๋ฅผ ๋งํ๋ฉฐ ์ ํํ๋ ๋ค์์ ์ฌ์ฉ์๊ฐ ์ฑ์ ์ด๋ป๊ฒ ์ฌ์ฉํ๋์ง ํต๊ณ ์ ๋ณด๋ฅผ ๊ฐ์ง๊ณ ์์ต๋๋ค. ์ฑ์ ํ์ฌ ์ ์์๋ถํฐ ์ค๋ฅํต๊ณ, ์ฌ์ฉ์ ์ ์ง์จ, ๊ณ ๊ฐ๋ค์ ์ฑ ์ ๋ฐ์ดํธ ์ํ, ์ฌ์ฉ์๋ค์ด ํน์ ํ์ด์ง์ ๋จธ๋ฌธ ์๊ฐ, ์ด๋ฒคํธ ๋ฑ์ ์ถ์ ํ ์ ์์ต๋๋ค. ์ด๋ฐ ๋ฐ์ดํฐ๋ค์ ์์งํด์ ์ฌ์ฉ์๊ฐ ์ด๋ค ํ์ด์ง์์ ํฅ๋ฏธ๋ฅผ ์์๋์ง, ์ด๋ค ํ์ด์ง๊ฐ ์ธ๊ธฐ๊ฐ ๋ง์์ง ๋ฑ์ ์ฐพ์๋ผ ์ ์์ผ๋ฉฐ ๋ง์ถค ๋ง์ผํ ์ ํ ์ ์์ต๋๋ค.
FireBase์ ๋จ์
1) Firebase๋ฅผ ๋ง์ด ์ฌ์ฉํ ์ ์ ๋ค์ด ํ๋ ๋ง์ ์๋ฒ์ ์๋ต์๋๊ฐ ์ข ์ข ๋๋ ค์ง๋ค๋ ๊ฒ์ ๋๋ค.
๊ฐ๋ น Firebase๋ก ์ฑํ ์ฑ์ ๋ง๋ค์๋๋ฐ ๋ฉ์์ง๊ฐ ๋ฆ๊ฒ ๊ฐ๋ค๋๊ฐ ํน์ Firebase์ธ์ฆ์ ์ฑ๊ณตํ๊ณ ๋์ ๋ก๊ทธ์ธ์ ํ๊ณ ๋ฉ์ธํ๋ฉด์์ ๋ฐ์ดํฐ๋ฒ ์ด์ค์ ์ ๊ทผํ ๋ ์๋ฒ๊ฐ ์๋ตํ๋๋ฐ ์๊ฐ์ด ์กฐ๊ธ ๊ฑธ๋ฆฌ๋ ๊ฒฝ์ฐ๊ฐ ์์ต๋๋ค. ์ด๊ฒ์ Firebase์ ๊ณ ์ง์ ์ธ ๋ฌธ์ ์ด๋ฉฐ ์ ๋ฃ๋ก ์ ํํด๋ ์๋ฒ์๋ต์ด ์ง์ฐ๋๋ ๋ถ๋ถ์ ํด๊ฒฐ๋์ง ์์ต๋๋ค. ๊ทธ ์ด์ ๋ ์๋ฒ๊ฐ ํด์ธ์ ์๊ธฐ ๋๋ฌธ์ ์ข ์ข ์ฒ๋ฆฌ ์๋์ ์ง์ฐ์ด ๋ฐ์๋ฉ๋๋ค. Firebase๊ฐ ๊ตญ๋ด์์ ๋ง์ด ์ฐ์ธ๋ค๋ฉด ๊ตฌ๊ธ์ด ์์์์ชฝ ์๋ฒ๋ฅผ ๊ตฌ์ถํด ์ค๊ฒ์ด๋ฉฐ ์๋ง ์๋ต ์ง์ฐ์ด ํด๊ฒฐ๋ ๊ฒ์ ๋๋ค.
2) Firebase์ ๋ฐ์ดํฐ๋ฒ ์ด์ค์ธ FireStore(์ ๋ฒ์ ๋ฐ์ดํฐ๋ฒ ์ด์ค)๋ RealTimeDatabase(๊ตฌ๋ฒ์ ๋ฐ์ดํฐ๋ฒ ์ด์ค) ๋ชจ๋ ์ฟผ๋ฆฌ๊ฐ ๊ต์ฅํ ๋น์ฝํฉ๋๋ค. SQL์ ์ต์ํ ์ฌ๋๋ค์ Firebase ๋ฐ์ดํฐ๋ฒ ์ด์ค๋ฅผ ์ฌ์ฉํ๊ฒ ๋๋ฉด ๊ต์ฅํ ๋นํฉํด ํ ๊ฒ์ด๋ค. ๊ทธ ํํ OR ๋ฌธ์ผ๋ก๋ ๊ฒ์๋์ง ์์ผ๋ฉฐ LIKE ๋ฌธ๋ ์กด์ฌํ์ง ์์์ ๋น์ทํ ๊ธ์๋ ๋ฐ์ดํฐ๋ฅผ ๊ฒ์ํ ์ ์๋ค. ๊ทธ๋์ Firebase๋ฅผ ์ฌ์ฉํ๋ ์ฌ์ฉ์๋ค์ ์ด ๋ชจ๋ ๋ฐ์ดํฐ๋ฅผ ๋ฐ์์์ ์๋๋ก์ด๋ ๊ธฐ๊ธฐ์์ ํํฐ๋งํด์ฃผ๋ ๋ฐฉ๋ฒ์ ๊ถ์ฅํ๊ณ ์๋ค.
onshapshot
db๋ฐ๋๋๊ฑธ ์ค์๊ฐ์ผ๋ก ์๋ ค์ค๋ค. shapshot ๋ฐ์ดํฐ๋ฒ ์ด์ค์ ๋ณํ๊ฐ ์๊ฒผ์ ๋ ์๋ฆผ์ ๋ฐ๋ ์ญํ . React์์ onSnapshot์ ์ด๋ป๊ฒ ๋ถ์ฌ์ผํ ์ง ๊ณ ๋ฏผ์ด์๋๋ฐ... Listener๋ผ๋ ๋ง์ ๊นจ๋ฌ์์ ์ป์๋ค. useEffect์๋ค.
๊ฐํธํ ๊ธฐ๋ฅ ์ ๊ณต
๋ชจ๋ฐ์ผ ์๋ฒ๋ฅผ ๊ฐ๋ฐํ๊ธฐ ์ํด์๋ ์ธ์ฆ, ๋ฐ์ดํฐ๋ฒ ์ด์ค, ํธ์ ์๋, ์คํ ๋ฆฌ์ง, API ๋ฑ ๋ชจ๋ ๊ฒ์ ๊ฐ๋ฐํด์ผ ํ์ต๋๋ค. ํ์ง๋ง ๋ชจ๋ฐ์ผ ์๋ฒ๋ ์ด๋ฐ ๋ชจ๋ ๊ฒ์ ๊ตฌ์ฑํ๋๋ฐ ๋งค๋ฒ ์๋ก์ด ์ฑ๋ค๊ณผ ์ฐจ์ด ๋์ง ์๊ธฐ ๋๋ฌธ์ ๋ฆฌ๋ ์ค๋ฅผ ์ค์นํ๊ณ , FTP๋ฅผ ์ค์นํ๊ณ , ๋ฐ์ดํฐ๋ฒ ์ด์ค๋ฅผ ์ค์นํ๊ณ , ๋ ธ๋ ์๋ฒ๋ ์คํ๋ง ์๋ฒ๋ฅผ ์ฌ๋ฆฌ๊ณ , ๋ฐฉํ๋ฒฝ์ ์ฌ๋ฆฌ๊ณ , ๋๋ฉ์ธ์ ๊ตฌ์ ํ๋ ๋ฑ ์ด๋ฐ ๋ฐ๋ณต์ ์ธ ์์ ์ ํ๋ ๊ฒ์ ์์ฒญ๋ ์๊ฐ๋ญ๋น์ ๋๋ค.
1. firbaseํ์ด์ง ํ๋ก์ ํธ ์์ฑ
2. npm install --save firebase
3. firebase.js ํ์ผ ์์ฑ ํ configuration ๋ณต๋ถ
4. https://www.npmjs.com/package/firebase
firebase
Firebase JavaScript library for web and Node.js
www.npmjs.com
'๐ Back > โจ Firebase' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
Firebase Cloud Function Deploy (0) | 2021.08.20 |
---|