[{"no":"1447","minus":"-1739533710","minus_like_count":"0","parent_post_comment_no":"0","post_no":"8354","board_id":"language","type":"editor","is_post_reply":"Y","user_no":"758","user_nickname":"\ub2e5\ud130\ud578","user_thumb_url":"https:\/\/devsnote.com\/assets\/data\/profile\/758_2e8c30546a5db3a1207f115706f85dc8.jpg?u=1683208086","user_description":"","title":"","comment":"[{\"id\":\"64emsaXAn7\",\"type\":\"paragraph\",\"data\":{\"text\":\"
.env<\/mark> \ud30c\uc77c\ub3c4 \uac74\ub4e4\uace0, npm start\ub3c4 \ud558\uc168\uace0, firebase auth\ub3c4 \uc0dd\uc131\ud558\uc2dc\uace0 \ub4f1\ub4f1
\ud544\uc694\ud55c \uc870\uce58\ub4e4\uc740 \uc5f4\uc2ec\ud788 \uc798 \ud558\uc2e0 \uac83 \uac19\uc2b5\ub2c8\ub2e4^^\"}},{\"id\":\"be_enmVpzd\",\"type\":\"paragraph\",\"data\":{\"text\":\"\uc544\uc9c1 \uacbd\ud5d8\uc774 \ub9ce\uc9c0 \uc54a\uc740 \uc0c1\ud0dc\uc5d0\uc11c \uc5b4\ub824\uc6c0\ub4e4\uc774 \uc788\uc744 \uc218 \uc788\ub294\ub370 \uc77c\ub2e8 \ud558\ub098\uc529 \ud55c\ubc88 \uc0b4\ud3b4\ubcfc\uaed8\uc694.\"}},{\"id\":\"WVT3cToHZN\",\"type\":\"header\",\"data\":{\"text\":\"1. \ud658\uacbd \ubcc0\uc218 \uc124\uc815\ud558\uae30\",\"level\":3}},{\"id\":\"7A-HITpORr\",\"type\":\"paragraph\",\"data\":{\"text\":\"\uc6b0\uc120 \uc774 \ud504\ub85c\uc81d\ud2b8\ub294 Firebase\uc640 MongoDB\ub97c \uc0ac\uc6a9\ud558\ubbc0\ub85c, \uc2e4\ud589\uc744 \uc704\ud574
.env<\/code> \ud30c\uc77c\uc744 \uc62c\ubc14\ub974\uac8c \uc124\uc815\ud574\uc57c \ud569\ub2c8\ub2e4. 
.env<\/code> \ud30c\uc77c\uc740 \ud504\ub85c\uc81d\ud2b8\uc758 \uc911\uc694\ud55c \uc124\uc815 \uc815\ubcf4\ub97c \ub2f4\uace0 \uc788\uc73c\uba70, \uc5ec\uae30\uc5d0\ub294 Firebase API \ud0a4, \uc778\uc99d \ub3c4\uba54\uc778, \ud504\ub85c\uc81d\ud2b8 ID, \uc2a4\ud1a0\ub9ac\uc9c0 \ubc84\ud0b7, \ubc1c\uc2e0\uc790 ID, \uc571 ID \uadf8\ub9ac\uace0 MongoDB \uc5f0\uacb0 \uc8fc\uc18c \ub4f1\uc774 \ud3ec\ud568\ub429\ub2c8\ub2e4. 
Firebase \ucf58\uc194\uc5d0\uc11c firebaseConfig<\/code> \uc815\ubcf4\ub97c \uac00\uc838\uc640 \uc785\ub825\ud558\uace0, MongoDB Atlas\uc5d0\uc11c \ud074\ub7ec\uc2a4\ud130\ub97c \ub9cc\ub4e0 \ud6c4 \uc5f0\uacb0 \uc8fc\uc18c\ub97c .env<\/code> \ud30c\uc77c\uc5d0 \uc544\ub798 \uc608\uc2dc\ub97c \ucc38\uace0\ud558\uc5ec \ucd94\uac00\ud558\uc138\uc694.\"}},{\"id\":\"0uhSuEGBjG\",\"type\":\"header\",\"data\":{\"text\":\"\uc608\uc81c .env<\/code> \ud30c\uc77c \uc608\uc2dc:\",\"level\":4}},{\"id\":\"5LY7raAwFP\",\"type\":\"code\",\"data\":{\"language\":\"bash\",\"code\":\"REACT_APP_FIREBASE_API_KEY=\uc5ec\uae30\uc5d0_\ub0b4_\ud30c\uc774\uc5b4\ubca0\uc774\uc2a4_API_\ud0a4_\uc785\ub825\\nREACT_APP_FIREBASE_AUTH_DOMAIN=\uc5ec\uae30\uc5d0_\ub0b4_\ud30c\uc774\uc5b4\ubca0\uc774\uc2a4_\ub3c4\uba54\uc778_\uc785\ub825\\nREACT_APP_FIREBASE_PROJECT_ID=\uc5ec\uae30\uc5d0_\ub0b4_\ud30c\uc774\uc5b4\ubca0\uc774\uc2a4_\ud504\ub85c\uc81d\ud2b8_ID_\uc785\ub825\\nREACT_APP_FIREBASE_STORAGE_BUCKET=\uc5ec\uae30\uc5d0_\uc2a4\ud1a0\ub9ac\uc9c0_\ubc84\ud0b7_\uc785\ub825\\nREACT_APP_FIREBASE_MESSAGING_SENDER_ID=\uc5ec\uae30\uc5d0_\ubc1c\uc2e0\uc790_ID_\uc785\ub825\\nREACT_APP_FIREBASE_APP_ID=\uc5ec\uae30\uc5d0_\uc571_ID_\uc785\ub825\\nMONGO_URI=\uc5ec\uae30\uc5d0_\ub0b4_\ubabd\uace0DB_\uc8fc\uc18c_\uc785\ub825\",\"caption\":\"\"}},{\"id\":\"SD7MAPa_jh\",\"type\":\"header\",\"data\":{\"text\":\"2. \ud504\ub85c\uc81d\ud2b8 \uc758\uc874\uc131 \uc124\uce58\ud558\uae30\",\"level\":3}},{\"id\":\"qo8xUdVYhB\",\"type\":\"paragraph\",\"data\":{\"text\":\"\ud504\ub85c\uc81d\ud2b8\ub97c \uc2e4\ud589\ud558\uae30 \uc704\ud574 \ud544\uc694\ud55c \ud30c\uc77c\uc744 \uba3c\uc800 \uc124\uce58\ud574\uc57c \ud569\ub2c8\ub2e4. \ud130\ubbf8\ub110\uc5d0\uc11c \uc544\ub798 \uba85\ub839\uc5b4\ub97c \uc2e4\ud589\ud558\uc138\uc694.\"}},{\"id\":\"bnEDISDe9B\",\"type\":\"paragraph\",\"data\":{\"text\":\"npm install\\n<\/code>\"}},{\"id\":\"HzSETVjTCD\",\"type\":\"paragraph\",\"data\":{\"text\":\"\ub9cc\uc57d \uc624\ub958\uac00 \ubc1c\uc0dd\ud558\uba74 \ub2e4\uc74c \uba85\ub839\uc5b4\ub97c \uc2e4\ud589\ud55c \ud6c4 \ub2e4\uc2dc npm install<\/code>\uc744 \uc2e4\ud589\ud558\uc138\uc694.\"}},{\"id\":\"Bv4rCg48v7\",\"type\":\"paragraph\",\"data\":{\"text\":\"rm -rf node_modules package-lock.json\\nnpm install\\n<\/code>\"}},{\"id\":\"so1kJiOtK5\",\"type\":\"header\",\"data\":{\"text\":\"3. \ubc31\uc5d4\ub4dc \uc11c\ubc84 \uc2e4\ud589\ud558\uae30\",\"level\":3}},{\"id\":\"eUKnjkFrms\",\"type\":\"paragraph\",\"data\":{\"text\":\"\uc774 \ud504\ub85c\uc81d\ud2b8\uac00 MongoDB\ub97c \uc0ac\uc6a9\ud55c\ub2e4\uba74 \ubc31\uc5d4\ub4dc(Node.js \uc11c\ubc84)\ub3c4 \ud568\uaed8 \uc2e4\ud589\ud574\uc57c \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \"}},{\"id\":\"0wzKE6VF4T\",\"type\":\"paragraph\",\"data\":{\"text\":\"\ud504\ub85c\uc81d\ud2b8 \ud3f4\ub354 \ub0b4\uc5d0\uc11c server.js<\/code> \ub610\ub294 index.js<\/code> \uac19\uc740 \ud30c\uc77c\uc774 \uc788\ub294\uc9c0 \ud655\uc778\ud55c \ud6c4, \ub2e4\uc74c \uba85\ub839\uc5b4\ub97c \uc2e4\ud589\ud558\uc138\uc694.\"}},{\"id\":\"AsQueetare\",\"type\":\"paragraph\",\"data\":{\"text\":\"node server.js\\n<\/code>\"}},{\"id\":\"4TbzBMTnXS\",\"type\":\"paragraph\",\"data\":{\"text\":\"\ub610\ub294\"}},{\"id\":\"Zg6GKho8kw\",\"type\":\"paragraph\",\"data\":{\"text\":\"npm run server\\n<\/code>\"}},{\"id\":\"diiA08_IJp\",\"type\":\"paragraph\",\"data\":{\"text\":\"\ub9cc\uc57d \uc2e4\ud589\ub418\uc9c0 \uc54a\ub294\ub2e4\uba74 .env<\/code> \ud30c\uc77c\uc758 MONGO_URI<\/code> \uac12\uc774 \uc62c\ubc14\ub978\uc9c0 \ud655\uc778\ud558\ub294 \uac83\uc774 \uc911\uc694\ud569\ub2c8\ub2e4.\"}},{\"id\":\"1dmcPGi_v3\",\"type\":\"header\",\"data\":{\"text\":\"4. Firebase \ub85c\uadf8\uc778 \uc124\uc815\ud558\uae30\",\"level\":3}},{\"id\":\"2C140WYeZT\",\"type\":\"paragraph\",\"data\":{\"text\":\"Firebase\uc5d0\uc11c \ub85c\uadf8\uc778\uc744 \uc124\uc815\ud558\ub824\uba74 Firebase \ucf58\uc194\uc758 Authentication \uba54\ub274\uc5d0\uc11c Sign-in-method\ub85c \uc774\ub3d9\ud574 \uc774\uba54\uc77c\/\ube44\ubc00\ubc88\ud638 \ub85c\uadf8\uc778\uc774 \ud65c\uc131\ud654\ub418\uc5b4 \uc788\ub294\uc9c0 \ud655\uc778\ud558\uc138\uc694. \"}},{\"id\":\"Czp4GVvSMc\",\"type\":\"paragraph\",\"data\":{\"text\":\"\ud544\uc694\uc5d0 \ub530\ub77c Google \ub85c\uadf8\uc778\uc744 \ud65c\uc131\ud654\ud558\ub294 \uac83\ub3c4 \uac00\ub2a5\ud569\ub2c8\ub2e4. 
\uc774 \ub2e8\uacc4\ub97c \uc124\uc815\ud558\uc9c0 \uc54a\uc73c\uba74 \ub85c\uadf8\uc778\uc774\ub098 \ud68c\uc6d0\uac00\uc785\uc774 \uc81c\ub300\ub85c \ub3d9\uc791\ud558\uc9c0 \uc54a\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\"}},{\"id\":\"r0MNlwqZAt\",\"type\":\"header\",\"data\":{\"text\":\"5. React \ud504\ub85c\uc81d\ud2b8 \uc2e4\ud589\ud558\uae30\",\"level\":3}},{\"id\":\"LsRTZCBErP\",\"type\":\"paragraph\",\"data\":{\"text\":\"\uc774\uc81c \ud658\uacbd \ubcc0\uc218 \uc124\uc815\uc774 \ub05d\ub0ac\ub2e4\uba74, \ud130\ubbf8\ub110\uc5d0\uc11c \uc544\ub798 \uba85\ub839\uc5b4\ub97c \uc2e4\ud589\ud558\uc5ec \ud504\ub85c\uc81d\ud2b8\ub97c \uc2dc\uc791\ud558\uc138\uc694.\"}},{\"id\":\"x9-2z_Tm2Y\",\"type\":\"paragraph\",\"data\":{\"text\":\"npm start\\n<\/code>\"}},{\"id\":\"t2cky6clV_\",\"type\":\"paragraph\",\"data\":{\"text\":\"\ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c http:\/\/localhost:3000<\/code>\uc73c\ub85c \uc811\uc18d\ud558\uba74 \uc815\uc0c1\uc801\uc73c\ub85c \uc2e4\ud589\ub418\ub294\uc9c0 \ud655\uc778\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\"}},{\"id\":\"P6J49tiuDA\",\"type\":\"header\",\"data\":{\"text\":\"6. \uc624\ub958 \ubc1c\uc0dd \uc2dc \ud574\uacb0 \ubc29\ubc95\",\"level\":3}},{\"id\":\"fWMBhlNujC\",\"type\":\"header\",\"data\":{\"text\":\"\ube0c\ub77c\uc6b0\uc800 \uc624\ub958 \ud655\uc778\ud558\uae30\",\"level\":5}},{\"id\":\"5N6XT2BXke\",\"type\":\"paragraph\",\"data\":{\"text\":\"\uc2e4\ud589 \uc911 \uc624\ub958\uac00 \ubc1c\uc0dd\ud55c\ub2e4\uba74 \ube0c\ub77c\uc6b0\uc800\uc758 \uac1c\ubc1c\uc790 \ub3c4\uad6c(F12)\ub97c \uc5f4\uace0 Console(\ucf58\uc194) \ud0ed\uc5d0\uc11c \uc624\ub958 \uba54\uc2dc\uc9c0\ub97c \ud655\uc778\ud558\uc138\uc694. 
Firebase \uad00\ub828 \uc624\ub958\uac00 \ub098\ud0c0\ub098\uba74 .env<\/code> \ud30c\uc77c\uc774 \uc62c\ubc14\ub974\uac8c \uc124\uc815\ub418\uc5c8\ub294\uc9c0 \ud655\uc778\ud574\uc57c \ud558\uace0, MongoDB \uad00\ub828 \uc624\ub958\uac00 \uc788\ub2e4\uba74 \ubc31\uc5d4\ub4dc \uc11c\ubc84 \uc2e4\ud589 \uc5ec\ubd80\uc640 \ub370\uc774\ud130\ubca0\uc774\uc2a4 \uc5f0\uacb0 \uc0c1\ud0dc\ub97c \uc810\uac80\ud574\uc57c \ud569\ub2c8\ub2e4.\"}},{\"id\":\"gkgJygq5MT\",\"type\":\"header\",\"data\":{\"text\":\"\ud130\ubbf8\ub110\uc5d0\uc11c \uc624\ub958 \ud655\uc778\ud558\uae30\",\"level\":5}},{\"id\":\"O2R38YUhXK\",\"type\":\"paragraph\",\"data\":{\"text\":\"\ud130\ubbf8\ub110\uc5d0\uc11c\ub3c4 \uc624\ub958 \uba54\uc2dc\uc9c0\ub97c \ud655\uc778\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc2e4\ud589 \uc911\uc778 \uc11c\ubc84\uc5d0\uc11c \ubc1c\uc0dd\ud558\ub294 \uc624\ub958\ub97c \ubcf4\uba74\uc11c \ubb38\uc81c\ub97c \ud574\uacb0\ud574\ub098\uac00\uc57c \ud569\ub2c8\ub2e4.\"}},{\"id\":\"jAU7JiU0YI\",\"type\":\"delimiter\",\"data\":{}},{\"id\":\"QUJSFtMgnb\",\"type\":\"paragraph\",\"data\":{\"text\":\"\uacb0\uad6d \ubb38\uc81c\ub97c \ud574\uacb0\ud558\ub824\uba74 \ud558\ub098\uc529 \ud558\ub098\uc529 \ub2e8\uacc4\uc801\uc73c\ub85c \uc218\uc815\ud558\uba74\uc11c \ud574\uacb0\ud574\ub098\uac00\uc2dc\uba74 \ub429\ub2c8\ub2e4.
\ubc1c\uc0dd\ud558\ub294 \uc624\ub958\ub97c \ubcf4\uace0 \ud558\ub098\uc529 \ucc3e\uc544\uc11c \ud574\uacb0\ud558\ub2e4\ubcf4\uba74 \uacb0\uad6d\uc740 \uc131\uacf5\uc801\uc73c\ub85c \uc2e4\ud589\ud558\uc2e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4!
\uc704 \ub0b4\uc6a9\uc744 \ucc38\uace0\ud574\uc11c \ud558\ub098\uc529 \uc218\uc815\ud574\ubcf4\uc2dc\uace0, \uadf8\ub798\ub3c4 \uc548\ub418\uc2dc\uba74 \uc624\ub958 \uba54\uc2dc\uc9c0\uc640 \ud568\uaed8 \uc9c8\ubb38 \uc8fc\uc2dc\uba74 \uac19\uc774 \ud655\uc778\ud574 \ubcfc\uaed8\uc694~^^\"}}]","rating":"0.0","like_count":"0","mentioned_user_nos":"[]","is_secret":"N","is_deleted":"N","deleted":"","created":"2025-02-14 20:48:30","comment_html":"
.env<\/mark> \ud30c\uc77c\ub3c4 \uac74\ub4e4\uace0, npm start\ub3c4 \ud558\uc168\uace0, firebase auth\ub3c4 \uc0dd\uc131\ud558\uc2dc\uace0 \ub4f1\ub4f1
\ud544\uc694\ud55c \uc870\uce58\ub4e4\uc740 \uc5f4\uc2ec\ud788 \uc798 \ud558\uc2e0 \uac83 \uac19\uc2b5\ub2c8\ub2e4^^<\/p> 
\uc544\uc9c1 \uacbd\ud5d8\uc774 \ub9ce\uc9c0 \uc54a\uc740 \uc0c1\ud0dc\uc5d0\uc11c \uc5b4\ub824\uc6c0\ub4e4\uc774 \uc788\uc744 \uc218 \uc788\ub294\ub370 \uc77c\ub2e8 \ud558\ub098\uc529 \ud55c\ubc88 \uc0b4\ud3b4\ubcfc\uaed8\uc694.<\/p> 
1. \ud658\uacbd \ubcc0\uc218 \uc124\uc815\ud558\uae30<\/h3> \uc6b0\uc120 \uc774 \ud504\ub85c\uc81d\ud2b8\ub294 Firebase\uc640 MongoDB\ub97c \uc0ac\uc6a9\ud558\ubbc0\ub85c, \uc2e4\ud589\uc744 \uc704\ud574 .env<\/code> \ud30c\uc77c\uc744 \uc62c\ubc14\ub974\uac8c \uc124\uc815\ud574\uc57c \ud569\ub2c8\ub2e4. 
.env<\/code> \ud30c\uc77c\uc740 \ud504\ub85c\uc81d\ud2b8\uc758 \uc911\uc694\ud55c \uc124\uc815 \uc815\ubcf4\ub97c \ub2f4\uace0 \uc788\uc73c\uba70, \uc5ec\uae30\uc5d0\ub294 Firebase API \ud0a4, \uc778\uc99d \ub3c4\uba54\uc778, \ud504\ub85c\uc81d\ud2b8 ID, \uc2a4\ud1a0\ub9ac\uc9c0 \ubc84\ud0b7, \ubc1c\uc2e0\uc790 ID, \uc571 ID \uadf8\ub9ac\uace0 MongoDB \uc5f0\uacb0 \uc8fc\uc18c \ub4f1\uc774 \ud3ec\ud568\ub429\ub2c8\ub2e4. 
Firebase \ucf58\uc194\uc5d0\uc11c firebaseConfig<\/code> \uc815\ubcf4\ub97c \uac00\uc838\uc640 \uc785\ub825\ud558\uace0, MongoDB Atlas\uc5d0\uc11c \ud074\ub7ec\uc2a4\ud130\ub97c \ub9cc\ub4e0 \ud6c4 \uc5f0\uacb0 \uc8fc\uc18c\ub97c .env<\/code> \ud30c\uc77c\uc5d0 \uc544\ub798 \uc608\uc2dc\ub97c \ucc38\uace0\ud558\uc5ec \ucd94\uac00\ud558\uc138\uc694.<\/p> 
\uc608\uc81c .env<\/code> \ud30c\uc77c \uc608\uc2dc:<\/h4> REACT_APP_FIREBASE_API_KEY=\uc5ec\uae30\uc5d0_\ub0b4_\ud30c\uc774\uc5b4\ubca0\uc774\uc2a4_API_\ud0a4_\uc785\ub825\nREACT_APP_FIREBASE_AUTH_DOMAIN=\uc5ec\uae30\uc5d0_\ub0b4_\ud30c\uc774\uc5b4\ubca0\uc774\uc2a4_\ub3c4\uba54\uc778_\uc785\ub825\nREACT_APP_FIREBASE_PROJECT_ID=\uc5ec\uae30\uc5d0_\ub0b4_\ud30c\uc774\uc5b4\ubca0\uc774\uc2a4_\ud504\ub85c\uc81d\ud2b8_ID_\uc785\ub825\nREACT_APP_FIREBASE_STORAGE_BUCKET=\uc5ec\uae30\uc5d0_\uc2a4\ud1a0\ub9ac\uc9c0_\ubc84\ud0b7_\uc785\ub825\nREACT_APP_FIREBASE_MESSAGING_SENDER_ID=\uc5ec\uae30\uc5d0_\ubc1c\uc2e0\uc790_ID_\uc785\ub825\nREACT_APP_FIREBASE_APP_ID=\uc5ec\uae30\uc5d0_\uc571_ID_\uc785\ub825\nMONGO_URI=\uc5ec\uae30\uc5d0_\ub0b4_\ubabd\uace0DB_\uc8fc\uc18c_\uc785\ub825<\/code><\/pre><\/div> 2. \ud504\ub85c\uc81d\ud2b8 \uc758\uc874\uc131 \uc124\uce58\ud558\uae30<\/h3> \ud504\ub85c\uc81d\ud2b8\ub97c \uc2e4\ud589\ud558\uae30 \uc704\ud574 \ud544\uc694\ud55c \ud30c\uc77c\uc744 \uba3c\uc800 \uc124\uce58\ud574\uc57c \ud569\ub2c8\ub2e4. \ud130\ubbf8\ub110\uc5d0\uc11c \uc544\ub798 \uba85\ub839\uc5b4\ub97c \uc2e4\ud589\ud558\uc138\uc694.<\/p> 
npm install\n<\/code><\/p> 
\ub9cc\uc57d \uc624\ub958\uac00 \ubc1c\uc0dd\ud558\uba74 \ub2e4\uc74c \uba85\ub839\uc5b4\ub97c \uc2e4\ud589\ud55c \ud6c4 \ub2e4\uc2dc npm install<\/code>\uc744 \uc2e4\ud589\ud558\uc138\uc694.<\/p> 
rm -rf node_modules package-lock.json\nnpm install\n<\/code><\/p> 
3. \ubc31\uc5d4\ub4dc \uc11c\ubc84 \uc2e4\ud589\ud558\uae30<\/h3> \uc774 \ud504\ub85c\uc81d\ud2b8\uac00 MongoDB\ub97c \uc0ac\uc6a9\ud55c\ub2e4\uba74 \ubc31\uc5d4\ub4dc(Node.js \uc11c\ubc84)\ub3c4 \ud568\uaed8 \uc2e4\ud589\ud574\uc57c \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. <\/p> 
\ud504\ub85c\uc81d\ud2b8 \ud3f4\ub354 \ub0b4\uc5d0\uc11c server.js<\/code> \ub610\ub294 index.js<\/code> \uac19\uc740 \ud30c\uc77c\uc774 \uc788\ub294\uc9c0 \ud655\uc778\ud55c \ud6c4, \ub2e4\uc74c \uba85\ub839\uc5b4\ub97c \uc2e4\ud589\ud558\uc138\uc694.<\/p> 
node server.js\n<\/code><\/p> 
\ub610\ub294<\/p> 
npm run server\n<\/code><\/p> 
\ub9cc\uc57d \uc2e4\ud589\ub418\uc9c0 \uc54a\ub294\ub2e4\uba74 .env<\/code> \ud30c\uc77c\uc758 MONGO_URI<\/code> \uac12\uc774 \uc62c\ubc14\ub978\uc9c0 \ud655\uc778\ud558\ub294 \uac83\uc774 \uc911\uc694\ud569\ub2c8\ub2e4.<\/p> 
4. Firebase \ub85c\uadf8\uc778 \uc124\uc815\ud558\uae30<\/h3> Firebase\uc5d0\uc11c \ub85c\uadf8\uc778\uc744 \uc124\uc815\ud558\ub824\uba74 Firebase \ucf58\uc194\uc758 Authentication \uba54\ub274\uc5d0\uc11c Sign-in-method\ub85c \uc774\ub3d9\ud574 \uc774\uba54\uc77c\/\ube44\ubc00\ubc88\ud638 \ub85c\uadf8\uc778\uc774 \ud65c\uc131\ud654\ub418\uc5b4 \uc788\ub294\uc9c0 \ud655\uc778\ud558\uc138\uc694. <\/p> 
\ud544\uc694\uc5d0 \ub530\ub77c Google \ub85c\uadf8\uc778\uc744 \ud65c\uc131\ud654\ud558\ub294 \uac83\ub3c4 \uac00\ub2a5\ud569\ub2c8\ub2e4. 
\uc774 \ub2e8\uacc4\ub97c \uc124\uc815\ud558\uc9c0 \uc54a\uc73c\uba74 \ub85c\uadf8\uc778\uc774\ub098 \ud68c\uc6d0\uac00\uc785\uc774 \uc81c\ub300\ub85c \ub3d9\uc791\ud558\uc9c0 \uc54a\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p> 
5. React \ud504\ub85c\uc81d\ud2b8 \uc2e4\ud589\ud558\uae30<\/h3> \uc774\uc81c \ud658\uacbd \ubcc0\uc218 \uc124\uc815\uc774 \ub05d\ub0ac\ub2e4\uba74, \ud130\ubbf8\ub110\uc5d0\uc11c \uc544\ub798 \uba85\ub839\uc5b4\ub97c \uc2e4\ud589\ud558\uc5ec \ud504\ub85c\uc81d\ud2b8\ub97c \uc2dc\uc791\ud558\uc138\uc694.<\/p> 
npm start\n<\/code><\/p> 
\ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c http:\/\/localhost:3000<\/code>\uc73c\ub85c \uc811\uc18d\ud558\uba74 \uc815\uc0c1\uc801\uc73c\ub85c \uc2e4\ud589\ub418\ub294\uc9c0 \ud655\uc778\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p> 
6. \uc624\ub958 \ubc1c\uc0dd \uc2dc \ud574\uacb0 \ubc29\ubc95<\/h3> \ube0c\ub77c\uc6b0\uc800 \uc624\ub958 \ud655\uc778\ud558\uae30<\/h5> \uc2e4\ud589 \uc911 \uc624\ub958\uac00 \ubc1c\uc0dd\ud55c\ub2e4\uba74 \ube0c\ub77c\uc6b0\uc800\uc758 \uac1c\ubc1c\uc790 \ub3c4\uad6c(F12)\ub97c \uc5f4\uace0 Console(\ucf58\uc194) \ud0ed\uc5d0\uc11c \uc624\ub958 \uba54\uc2dc\uc9c0\ub97c \ud655\uc778\ud558\uc138\uc694. 
Firebase \uad00\ub828 \uc624\ub958\uac00 \ub098\ud0c0\ub098\uba74 .env<\/code> \ud30c\uc77c\uc774 \uc62c\ubc14\ub974\uac8c \uc124\uc815\ub418\uc5c8\ub294\uc9c0 \ud655\uc778\ud574\uc57c \ud558\uace0, MongoDB \uad00\ub828 \uc624\ub958\uac00 \uc788\ub2e4\uba74 \ubc31\uc5d4\ub4dc \uc11c\ubc84 \uc2e4\ud589 \uc5ec\ubd80\uc640 \ub370\uc774\ud130\ubca0\uc774\uc2a4 \uc5f0\uacb0 \uc0c1\ud0dc\ub97c \uc810\uac80\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p> 
\ud130\ubbf8\ub110\uc5d0\uc11c \uc624\ub958 \ud655\uc778\ud558\uae30<\/h5> \ud130\ubbf8\ub110\uc5d0\uc11c\ub3c4 \uc624\ub958 \uba54\uc2dc\uc9c0\ub97c \ud655\uc778\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc2e4\ud589 \uc911\uc778 \uc11c\ubc84\uc5d0\uc11c \ubc1c\uc0dd\ud558\ub294 \uc624\ub958\ub97c \ubcf4\uba74\uc11c \ubb38\uc81c\ub97c \ud574\uacb0\ud574\ub098\uac00\uc57c \ud569\ub2c8\ub2e4.<\/p> 
<\/div> \uacb0\uad6d \ubb38\uc81c\ub97c \ud574\uacb0\ud558\ub824\uba74 \ud558\ub098\uc529 \ud558\ub098\uc529 \ub2e8\uacc4\uc801\uc73c\ub85c \uc218\uc815\ud558\uba74\uc11c \ud574\uacb0\ud574\ub098\uac00\uc2dc\uba74 \ub429\ub2c8\ub2e4.
\ubc1c\uc0dd\ud558\ub294 \uc624\ub958\ub97c \ubcf4\uace0 \ud558\ub098\uc529 \ucc3e\uc544\uc11c \ud574\uacb0\ud558\ub2e4\ubcf4\uba74 \uacb0\uad6d\uc740 \uc131\uacf5\uc801\uc73c\ub85c \uc2e4\ud589\ud558\uc2e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4!
\uc704 \ub0b4\uc6a9\uc744 \ucc38\uace0\ud574\uc11c \ud558\ub098\uc529 \uc218\uc815\ud574\ubcf4\uc2dc\uace0, \uadf8\ub798\ub3c4 \uc548\ub418\uc2dc\uba74 \uc624\ub958 \uba54\uc2dc\uc9c0\uc640 \ud568\uaed8 \uc9c8\ubb38 \uc8fc\uc2dc\uba74 \uac19\uc774 \ud655\uc778\ud574 \ubcfc\uaed8\uc694~^^<\/p> ","summary":".env \ud30c\uc77c\ub3c4 \uac74\ub4e4\uace0, npm start\ub3c4 \ud558\uc168\uace0, firebase auth\ub3c4 \uc0dd\uc131\ud558\uc2dc\uace0 \ub4f1\ub4f1\ud544\uc694\ud55c \uc870\uce58\ub4e4\uc740 \uc5f4\uc2ec\ud788 \uc798 \ud558\uc2e0 \uac83 \uac19\uc2b5\ub2c8\ub2e4^^ \uc544\uc9c1 \uacbd\ud5d8\uc774 \ub9ce\uc9c0 \uc54a\uc740 \uc0c1\ud0dc\uc5d0\uc11c \uc5b4\ub824\uc6c0\ub4e4\uc774 \uc788\uc744 \uc218 \uc788\ub294\ub370 \uc77c\ub2e8 \ud558\ub098\uc529 \ud55c\ubc88 \uc0b4\ud3b4\ubcfc\uaed8\uc694. 1. \ud658\uacbd \ubcc0\uc218 \uc124\uc815\ud558\uae30 \uc6b0\uc120 \uc774 \ud504\ub85c\uc81d\ud2b8\ub294 Firebase\uc640 MongoDB\ub97c \uc0ac\uc6a9\ud558\ubbc0\ub85c, \uc2e4\ud589\uc744 \uc704\ud574 .env \ud30c\uc77c\uc744 \uc62c\ubc14\ub974..."}]
뎁스_103630d32

통계

질문react js 프로젝트 실행 질문입니다
