๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
React ์‹œ๋ฆฌ์ฆˆ๐ŸŒ/React + FireBase๋กœ ํŠธ์œ„ํ„ฐ ๋งŒ๋“ค๊ธฐ๐Ÿ”ฅ

๐ŸฆํŒŒ์ด์–ด๋ฒ ์ด์Šค(Firebase) ์„ธํŒ…ํ•˜๋Š” ๋ฐฉ๋ฒ•๐Ÿฆ

by @ENFJ 2021. 8. 27.

 

 

1. ํŒŒ์ด์–ด๋ฒ ์ด์Šค ์‚ฌ์ดํŠธ์— ๋“ค์–ด๊ฐ.

https://firebase.google.com/

 

Firebase

Firebase๋Š” ๊ณ ํ’ˆ์งˆ ์•ฑ์„ ๋น ๋ฅด๊ฒŒ ๊ฐœ๋ฐœํ•˜๊ณ  ๋น„์ฆˆ๋‹ˆ์Šค๋ฅผ ์„ฑ์žฅ์‹œํ‚ค๋Š” ๋ฐ ๋„์›€์ด ๋˜๋Š” Google์˜ ๋ชจ๋ฐ”์ผ ํ”Œ๋žซํผ์ž…๋‹ˆ๋‹ค.

firebase.google.com

 

2. ๊ตฌ๊ธ€์•„์ด๋””๋กœ ๋กœ๊ทธ์ธํ•จ.

 

3. ์šฐ์ธก ์ƒ๋‹จ์— ์ฝ˜์†”๋กœ ์ด๋™ํ•˜๊ธฐ ๋ฒ„ํŠผ ํด๋ฆญ!

 

4. ๊ทธ๋Ÿฌ๋ฉด ์•„๋ž˜์™€ ๊ฐ™์€ ํ™”๋ฉด์ด ๋‚˜์˜ค๋Š” ํ”„๋กœ์ ํŠธ ๋งŒ๋“ค๊ธฐ ํด๋ฆญ

5.  ๊ทธ๋ฆฌ๊ณ  ํ”„๋กœ์ ํŠธ๋ช… ํด๋ฆญ, analytic ์€ ๋ง˜๋Œ€๋กœ on , off ์„ ํƒ ํ›„ ๋‹ค์Œ ํด๋ฆญํ•˜๋ฉด

์•„๋ž˜์™€ ๊ฐ™์€ ํ™”๋ฉด์ด ๋‚˜์˜ด.

 

6. ์›น ๋งŒ๋“ค๊ธฐ ํด๋ฆญ - > ์›น์ด๋ฆ„ ๋งŒ๋“ค๊ณ  ๋‹ค์Œ.

 

7. ๋น„์ฅฌ์–ผ์ŠคํŠœ๋””์˜ค ํ„ฐ๋ฏธ๋„์— npm install -save firebase ์ž…๋ ฅํ•˜๊ธฐ.

 

8. ๊ทธ๋‹ค์Œ ์•„๋ž˜์™€ ๊ฐ™์ด firebase,js ๋ผ๋Š” ํŒŒ์ผ์„ ๋งŒ๋“ ํ›„ ์ฝ”๋“œ ์ž‘์„ฑ.

 

 

๋งˆ์ง€๋ง‰์œผ๋กœ npm run start ๋ฅผ ํ„ฐ๋ฏธ๋„์— ์ž…๋ ฅ์‹œ 

์ฐฝ์ด ๋œจ๋ฉด์„œ ์˜ค๋ฅ˜์—†์ด ์ž˜ ์‹คํ–‰๋˜๋Š”์ง€ ํ™•์ธํ•˜๋ฉด ์„ธํŒ… ๋!