ํ๋ก ํธ๋ง ๋ง๋ค์ด์ค๋ค๊ฐ BaaS(Backend as a service)๋ฅผ ์ด์ฉํด, ๋ฐฑ์๋๋ฅผ ๊ตฌ์ถํ๊ณ ์ถ์๋ค. ์ง๊ธ์ Firebase๋ 8์ด ์๋ 9 ๋ฒ์ ์ผ๋ก, ๋ฐ๋ ๋ถ๋ถ์ด ๋ง์ ๋ฐฐ์ฐ๋ฉด์ ์ด๋ ค์์ด ์์๋ค. ์ฝ์งํ๋ฉด์ ๋ฐฐ์ด Firebase ์ฌ์ฉ๋ฒ์ ๊น๋ํ๊ฒ ์ ๋ฆฌํ๊ณ ์ถ์๋ค.
Version 8์์ 9์ด ๋๋ฉด์, Firebase๋ฅผ ์ด์ฉํ๋ ๋ฐฉ์์ ๋ณํ๊ฐ ์๊ฒผ๋ค. ๊ธฐ์กด์๋ Firebase Object๋ฅผ ๋ง๋ค์ด์ ๊ทธ์์ method๋ฅผ ์คํํ๋ค.
๋ฐ๋ฉด, ์ด์ ๋ webpack๊ฐ์ module bundler๋ก ํ์ํ ๋ถ๋ถ๋ง import
ํด์์ ์ฌ์ฉํ ์ ์๋ค.
import { initializeApp } from "firebase/app";
initializeApp();
์ ์ฒด ๊ณผ์ ์ ์์ฝํ๋ฉด ๋ค์๊ณผ ๊ฐ๋ค.
node_modules
ํด๋์ ์ ์ฅ๋๋ค. import
ํด์จ๋ค. Firebase ํํ์ด์ง์ ๋ค์ด๊ฐ Get Started ๋ฒํผ์ ํด๋ฆญํ๋ค.
+ ํ๋ก์ ํธ ์ถ๊ฐ๋ฅผ ๋๋ฅธ๋ค.
ํ๋ก์ ํธ ์ด๋ฆ์ ์ง์ ํด์ค๋ค.
์ง๊ธ์ ํ์๊ฐ ์์ผ๋ Google ์ ๋๋ฆฌํฑ์ค ์ฌ์ฉ์ ๊บผ์ค ํ ํ๋ก์ ํธ ๋ง๋ค๊ธฐ๋ฅผ ํด๋ฆญํ๋ค.
ํ๋ก์ ํธ๊ฐ ์ค๋น๋์๋ค.
ํ๋ก์ ํธ ์ด๋ฆ(myProject) ๋ฐ์ </>๋ฒํผ์ ํด๋ฆญํด์ ์ฑ์ ์ถ๊ฐํด์ค๋ค.
์ฑ ๋๋ค์๊ณผ ํธ์คํ
์ค์ ์ ํด์ค๋ค. ๊ทธ๋ฅ ์ฒดํฌํด์ฃผ๋ฉด ๋๋ค.
์ด์ฐจํผ ๋์ค์ ์ค์ ํด์ค ๋ด์ฉ์ด๋ ๋ค์์ ๋๋ฌ ์ฐ์ ์ ์ญ ๋์ด๊ฐ๋ฉด ๋๋ค.
๋ง์ฐฌ๊ฐ์ง๋ก ๋์ด๊ฐ์ค๋ค.
์ฝ์๋ก ์ด๋์ ๋๋ฅด๋ฉด ์น ์ฑ์ ์ถ๊ฐํ ์ ์๋ค.
๐ฅ์ด์ ๋ค์ ๋จ๊ณ์์๋ ๊ฐ๋จํ ํ๋ก ํธ ์ฝ๋๋ฅผ ๋ง๋ค๊ณ webpack์ ์ค์นํ์.
์๋น์ค ํ๋ก ํธ์๋์ ๊ด์ฌ์ด ์๊ฒผ๋๋ฐ ๋ฑ ์ ๊ฐ ์ํ๋ ๋ด์ฉ์ด๋ค์!! ์ ๋ง ๊ฐ์ฌ๋๋ฆฝ๋๋ค :)