{"id":25580,"date":"2024-10-26T13:51:02","date_gmt":"2024-10-26T13:51:02","guid":{"rendered":"http:\/\/atmokpo.com\/w\/?p=25580"},"modified":"2024-11-26T08:01:13","modified_gmt":"2024-11-26T08:01:13","slug":"%ed%94%8c%eb%9f%ac%ed%84%b0-%ea%b0%95%ec%a2%8c-16-1-%ed%8c%8c%ec%9d%b4%ec%96%b4%eb%b2%a0%ec%9d%b4%ec%8a%a4-%ec%86%8c%ea%b0%9c","status":"publish","type":"post","link":"https:\/\/atmokpo.com\/w\/25580\/","title":{"rendered":"\ud50c\ub7ec\ud130 \uac15\uc88c: 16.1 \ud30c\uc774\uc5b4\ubca0\uc774\uc2a4 \uc18c\uac1c"},"content":{"rendered":"
\n
\n

\uc791\uc131\uc790: \uc870\uad11\ud615<\/p>\n

\uc791\uc131\uc77c: 2024\ub144 11\uc6d4 26\uc77c<\/p>\n<\/header>\n

\n

\ubaa9\ucc28<\/h2>\n
    \n
  1. 1. \ud30c\uc774\uc5b4\ubca0\uc774\uc2a4\ub780?<\/a><\/li>\n
  2. 2. \ud30c\uc774\uc5b4\ubca0\uc774\uc2a4\uc758 \uc8fc\uc694 \uae30\ub2a5<\/a><\/li>\n
  3. 3. \ud50c\ub7ec\ud130 \ud504\ub85c\uc81d\ud2b8\uc5d0\uc11c \ud30c\uc774\uc5b4\ubca0\uc774\uc2a4 \uc124\uc815\ud558\uae30<\/a><\/li>\n
  4. 4. Firestore \ub370\uc774\ud130\ubca0\uc774\uc2a4 \ud0d0\uc0c9<\/a><\/li>\n
  5. 5. \uc0ac\uc6a9\uc790 \uc778\uc99d<\/a><\/li>\n
  6. 6. \ud478\uc2dc \uc54c\ub9bc<\/a><\/li>\n
  7. 7. \uc790\uc8fc \ubc1c\uc0dd\ud558\ub294 \ubb38\uc81c \ubc0f \ud574\uacb0\ubc95<\/a><\/li>\n
  8. 8. \uacb0\ub860<\/a><\/li>\n<\/ol>\n<\/section>\n
    \n

    1. \ud30c\uc774\uc5b4\ubca0\uc774\uc2a4\ub780?<\/h2>\n

    \ud30c\uc774\uc5b4\ubca0\uc774\uc2a4(Firebase)\ub294 \uad6c\uae00\uc774 \uc81c\uacf5\ud558\ub294 \ubaa8\ubc14\uc77c \ubc0f \uc6f9 \uc560\ud50c\ub9ac\ucf00\uc774\uc158 \uac1c\ubc1c \ud50c\ub7ab\ud3fc\uc785\ub2c8\ub2e4. \uc774 \ud50c\ub7ab\ud3fc\uc740 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc758 \uac1c\ubc1c \ubc0f \uad00\ub9ac\ub97c \ub2e8\uc21c\ud654\ud558\uae30 \uc704\ud574 \ub2e4\uc591\ud55c \ub3c4\uad6c\uc640 \uc11c\ube44\uc2a4\ub97c \uc81c\uacf5\ud569\ub2c8\ub2e4. \ud30c\uc774\uc5b4\ubca0\uc774\uc2a4\uc758 \uad81\uadf9\uc801\uc778 \ubaa9\ud45c\ub294 \uac1c\ubc1c\uc790\ub4e4\uc774 \ub354 \ube60\ub974\uac8c \ub354 \ub098\uc740 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \uac1c\ubc1c\ud558\ub3c4\ub85d \uc9c0\uc6d0\ud558\ub294 \uac83\uc785\ub2c8\ub2e4.<\/p>\n

    \ud30c\uc774\uc5b4\ubca0\uc774\uc2a4\ub294 \uc2e4\uc2dc\uac04 \ub370\uc774\ud130\ubca0\uc774\uc2a4, \ud074\ub77c\uc6b0\ub4dc \uc800\uc7a5\uc18c, \uc778\uc99d, \ud638\uc2a4\ud305, \uc560\ub110\ub9ac\ud2f1\uc2a4 \ub4f1 \ub2e4\uc591\ud55c \uae30\ub2a5\uc744 \ud1b5\ud574 \uac1c\ubc1c\uc790\ub4e4\uc774 \ud544\uc694\ud55c \ubaa8\ub4e0 \uac83\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4. \ub610\ud55c, \ud50c\ub7ec\ud130\uc640 \uc5f0\ub3d9\uc774 \uc6a9\uc774\ud558\uc5ec \ud06c\ub85c\uc2a4 \ud50c\ub7ab\ud3fc \uc560\ud50c\ub9ac\ucf00\uc774\uc158 \uac1c\ubc1c\uc5d0 \ucd5c\uc801\ud654\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<\/section>\n

    \n

    2. \ud30c\uc774\uc5b4\ubca0\uc774\uc2a4\uc758 \uc8fc\uc694 \uae30\ub2a5<\/h2>\n

    2.1 \uc2e4\uc2dc\uac04 \ub370\uc774\ud130\ubca0\uc774\uc2a4<\/h3>\n

    \uc2e4\uc2dc\uac04 \ub370\uc774\ud130\ubca0\uc774\uc2a4\ub294 \ud074\ub77c\uc6b0\ub4dc\uc5d0 \ub370\uc774\ud130\ub97c \uc800\uc7a5\ud558\uace0 \uc5ec\ub7ec \uc0ac\uc6a9\uc790 \uac04\uc5d0 \uadf8 \ub370\uc774\ud130\ub97c \uc2e4\uc2dc\uac04\uc73c\ub85c \ub3d9\uae30\ud654\ud569\ub2c8\ub2e4. \uc774 \uae30\ub2a5\uc744 \ud1b5\ud574 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \uc2e4\ud589\ud560 \ub54c \uc989\uc2dc \uc5c5\ub370\uc774\ud2b8\ub41c \ub0b4\uc6a9\uc744 \ud655\uc778\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n

    2.2 Firestore<\/h3>\n

    Firestore\ub294 \ud30c\uc774\uc5b4\ubca0\uc774\uc2a4\uc758 NoSQL \ud074\ub77c\uc6b0\ub4dc \ub370\uc774\ud130\ubca0\uc774\uc2a4\ub85c, \ub370\uc774\ud130\ub97c \ubb38\uc11c(document)\ub85c \uad6c\uc870\ud654\ud558\uc5ec \uc800\uc7a5\ud569\ub2c8\ub2e4. Firestore\ub294 \ub370\uc774\ud130 \ucffc\ub9ac \ubc0f \uc2e4\uc2dc\uac04 \uc5c5\ub370\uc774\ud2b8 \uae30\ub2a5\uc744 \uc81c\uacf5\ud558\uc5ec \ud6a8\uc728\uc801\uc778 \ub370\uc774\ud130 \uad00\ub9ac\ub97c \uac00\ub2a5\ud558\uac8c \ud569\ub2c8\ub2e4.<\/p>\n

    2.3 \uc0ac\uc6a9\uc790 \uc778\uc99d<\/h3>\n

    \ud30c\uc774\uc5b4\ubca0\uc774\uc2a4\ub294 \uc774\uba54\uc77c \ubc0f \ube44\ubc00\ubc88\ud638, \uc18c\uc15c \ub85c\uadf8\uc778(Google, Facebook, Twitter \ub4f1)\uc744 \ud1b5\ud55c \uc0ac\uc6a9\uc790 \uc778\uc99d \uc2dc\uc2a4\ud15c\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4. \uc774 \uae30\ub2a5\uc744 \ud1b5\ud574 \uac04\ud3b8\ud558\uac8c \uc0ac\uc6a9\uc790 \uad00\ub9ac\ub97c \ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n

    2.4 \ud638\uc2a4\ud305<\/h3>\n

    \uc815\uc801 \uc6f9\uc0ac\uc774\ud2b8 \ud638\uc2a4\ud305 \uae30\ub2a5\uc744 \uc81c\uacf5\ud558\uc5ec, \ube60\ub974\uace0 \uc548\uc815\uc801\uc778 \ubc29\ubc95\uc73c\ub85c \uc6f9 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \ubc30\ud3ec\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n

    2.5 \ud074\ub77c\uc6b0\ub4dc \ud568\uc218<\/h3>\n

    \ud30c\uc774\uc5b4\ubca0\uc774\uc2a4 \ud074\ub77c\uc6b0\ub4dc \ud568\uc218\ub294 \uc11c\ubc84\ub9ac\uc2a4 \ud658\uacbd\uc5d0\uc11c \ucf54\ub4dc\ub97c \uc2e4\ud589\ud560 \uc218 \uc788\ub3c4\ub85d \uc9c0\uc6d0\ud569\ub2c8\ub2e4. \uc774 \uae30\ub2a5\uc744 \ud1b5\ud574 \ubc31\uc5d4\ub4dc \ucf54\ub4dc\ub97c \uad00\ub9ac\ud558\uae30 \uc27d\uace0, \uc11c\ubc84 \ub9ac\uc18c\uc2a4 \ube44\uc6a9\uc744 \uc808\uac10\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<\/section>\n

    \n

    3. \ud50c\ub7ec\ud130 \ud504\ub85c\uc81d\ud2b8\uc5d0\uc11c \ud30c\uc774\uc5b4\ubca0\uc774\uc2a4 \uc124\uc815\ud558\uae30<\/h2>\n

    \ud50c\ub7ec\ud130 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc5d0\uc11c \ud30c\uc774\uc5b4\ubca0\uc774\uc2a4\ub97c \uc0ac\uc6a9\ud558\uae30 \uc704\ud574\uc11c\ub294 \uba87 \uac00\uc9c0 \uc124\uc815 \uacfc\uc815\uc774 \ud544\uc694\ud569\ub2c8\ub2e4. \ud234\uacfc \ud658\uacbd\uc774 \uac16\ucd94\uc5b4\uc9c4 \ud6c4\uc5d0 Firebase Console\uc5d0\uc11c \ud504\ub85c\uc81d\ud2b8\ub97c \uc124\uc815\ud558\uace0 \uc778\uc99d \ud30c\uc77c\uc744 \ub2e4\uc6b4\ub85c\ub4dc\ud558\uc5ec Flutter \ud504\ub85c\uc81d\ud2b8\uc5d0 \ud3ec\ud568\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n

    3.1 Firebase Console\uc5d0\uc11c \ud504\ub85c\uc81d\ud2b8 \uc0dd\uc131<\/h3>\n
      \n
    1. Firebase Console\uc5d0 \ub85c\uadf8\uc778\ud569\ub2c8\ub2e4.<\/li>\n
    2. \uc0c8 \ud504\ub85c\uc81d\ud2b8\ub97c \uc0dd\uc131\ud569\ub2c8\ub2e4.<\/li>\n
    3. \ub2f9\uc2e0\uc758 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc5d0 \uc0ac\uc6a9\ud560 \uc774\ub984\uc744 \uc785\ub825\ud558\uace0 ‘\uacc4\uc18d’ \ubc84\ud2bc\uc744 \ud074\ub9ad\ud569\ub2c8\ub2e4.<\/li>\n
    4. Google Analytics \uc0ac\uc6a9 \uc5ec\ubd80\ub97c \uc120\ud0dd\ud569\ub2c8\ub2e4.<\/li>\n
    5. \ud504\ub85c\uc81d\ud2b8\ub97c \uc0dd\uc131\ud569\ub2c8\ub2e4.<\/li>\n<\/ol>\n

      3.2 Flutter \ud504\ub85c\uc81d\ud2b8 \uad6c\uc131<\/h3>\n
        \n
      1. \ud50c\ub7ec\ud130 \ud504\ub85c\uc81d\ud2b8 \ud3f4\ub354\ub85c \uc774\ub3d9\ud558\uc5ec firebase_core<\/code> \ubc0f \uae30\ud0c0 \ud544\uc694\ud55c \ud328\ud0a4\uc9c0\ub97c \ucd94\uac00\ud569\ub2c8\ub2e4:<\/li>\n
        dependencies:\n  flutter:\n    sdk: flutter\n  firebase_core: ^latest_version\n  firebase_auth: ^latest_version\n  cloud_firestore: ^latest_version<\/code><\/pre>\n
      2. Android \ubc0f iOS \uc124\uc815\uc744 \uc704\ud574 \ud544\uc694\ud55c JSON \ubc0f PLIST \ud30c\uc77c\uc744 \ub2e4\uc6b4\ub85c\ub4dc\ud569\ub2c8\ub2e4.<\/li>\n
      3. \uc774 \ud30c\uc77c\uc744 \uac01\uac01 android\/app<\/code>\uc640 ios\/Runner<\/code> \ub514\ub809\ud1a0\ub9ac\uc5d0 \uc800\uc7a5\ud569\ub2c8\ub2e4.<\/li>\n<\/ol>\n<\/section>\n
        \n
        4. Firestore \ub370\uc774\ud130\ubca0\uc774\uc2a4 \ud0d0\uc0c9<\/h2>\n
        Firestore\ub294 \ud50c\ub7ec\ud130 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc5d0\uc11c \uc0ac\uc6a9\ud558\uae30 \uc26c\uc6b4 \ub370\uc774\ud130\ubca0\uc774\uc2a4\uc785\ub2c8\ub2e4. Firestore\ub97c \uc0ac\uc6a9\ud558\uc5ec \ub370\uc774\ud130\ubca0\uc774\uc2a4\ub97c \uc0dd\uc131\ud558\uace0 \uc77d\uae30, \uc4f0\uae30, \uc5c5\ub370\uc774\ud2b8 \ubc0f \uc0ad\uc81c \uc791\uc5c5\uc744 \uc218\ud589\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n
        4.1 Firestore \ub370\uc774\ud130 \uc77d\uae30<\/h3>\n
        FirebaseFirestore firestore = FirebaseFirestore.instance;\n\nvoid getData() {\n  firestore.collection('users').snapshots().listen((data) {\n    for (var doc in data.docs) {\n      print(doc['name']);\n    }\n  });\n}<\/code><\/pre>\n
        4.2 Firestore \ub370\uc774\ud130 \uc4f0\uae30<\/h3>\n
        void addData() {\n  firestore.collection('users').add({'name': 'John Doe', 'age': 30});\n}<\/code><\/pre>\n<\/section>\n
        \n
        5. \uc0ac\uc6a9\uc790 \uc778\uc99d<\/h2>\n
        \ud30c\uc774\uc5b4\ubca0\uc774\uc2a4\uc758 \uc0ac\uc6a9\uc790 \uc778\uc99d \uae30\ub2a5\uc740 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc758 \ubcf4\uc548\uc744 \uc720\uc9c0\ud558\ub294 \ub370 \ub9e4\uc6b0 \uc911\uc694\ud569\ub2c8\ub2e4. \uc0ac\uc6a9\uc790 \ub4f1\ub85d, \ub85c\uadf8\uc778, \ub85c\uadf8\uc544\uc6c3, \ube44\ubc00\ubc88\ud638 \uc7ac\uc124\uc815 \ub4f1 \ub2e4\uc591\ud55c \uc778\uc99d \ubc29\ubc95\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4.<\/p>\n
        5.1 \uc0ac\uc6a9\uc790 \ub4f1\ub85d<\/h3>\n
        Future registerUser(String email, String password) async {\n  UserCredential userCredential = await FirebaseAuth.instance\n      .createUserWithEmailAndPassword(email: email, password: password);\n}<\/void><\/code><\/pre>\n
        5.2 \uc0ac\uc6a9\uc790 \ub85c\uadf8\uc778<\/h3>\n
        Future loginUser(String email, String password) async {\n  UserCredential userCredential = await FirebaseAuth.instance\n      .signInWithEmailAndPassword(email: email, password: password);\n}<\/void><\/code><\/pre>\n<\/section>\n
        \n
        6. \ud478\uc2dc \uc54c\ub9bc<\/h2>\n
        \ud478\uc2dc \uc54c\ub9bc\uc744 \ud1b5\ud574 \uc0ac\uc6a9\uc790\ub294 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc758 \uc911\uc694 \uc815\ubcf4 \ubc0f \uc5c5\ub370\uc774\ud2b8\ub97c \uc2e4\uc2dc\uac04\uc73c\ub85c \ubc1b\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4. Firebase Cloud Messaging(FCM)\uc740 \uc774\ub97c \uad00\ub9ac\ud558\ub294 \uc11c\ube44\uc2a4\uc785\ub2c8\ub2e4.<\/p>\n
        6.1 \ud478\uc2dc \uc54c\ub9bc \ubcf4\ub0b4\uae30<\/h3>\n
        FCM\uc744 \uc0ac\uc6a9\ud558\uc5ec \ud478\uc2dc \uc54c\ub9bc\uc744 \ubcf4\ub0b4\uae30 \uc704\ud574\uc11c\ub294 \ubc31\uc5d4\ub4dc \uc124\uc815\uacfc \ud074\ub77c\uc774\uc5b8\ud2b8 \uc124\uc815\uc744 \ubaa8\ub450 \uac16\ucdb0\uc57c \ud569\ub2c8\ub2e4.<\/p>\n
        FirebaseMessaging messaging = FirebaseMessaging.instance;\n\nvoid getToken() async {\n  String? token = await messaging.getToken();\n  print(\"Device Token: $token\");\n}<\/code><\/pre>\n<\/section>\n
        \n
        7. \uc790\uc8fc \ubc1c\uc0dd\ud558\ub294 \ubb38\uc81c \ubc0f \ud574\uacb0\ubc95<\/h2>\n