{"id":30594,"date":"2024-10-28T04:01:06","date_gmt":"2024-10-28T04:01:06","guid":{"rendered":"http:\/\/atmokpo.com\/w\/?p=30594"},"modified":"2024-11-26T06:48:04","modified_gmt":"2024-11-26T06:48:04","slug":"%ec%9e%90%eb%b0%94-%ec%95%88%eb%93%9c%eb%a1%9c%ec%9d%b4%eb%93%9c-%ec%95%b1%ea%b0%9c%eb%b0%9c-%ea%b0%95%ec%a2%8c-%eb%82%b4%eb%b9%84%ea%b2%8c%ec%9d%b4%ec%85%98-%eb%b7%b0-%eb%93%9c%eb%a1%9c%ec%96%b4","status":"publish","type":"post","link":"https:\/\/atmokpo.com\/w\/30594\/","title":{"rendered":"\uc790\ubc14 \uc548\ub4dc\ub85c\uc774\ub4dc \uc571\uac1c\ubc1c \uac15\uc88c, \ub0b4\ube44\uac8c\uc774\uc158 \ubdf0 – \ub4dc\ub85c\uc5b4 \ud654\uba74 \uad6c\uc131"},"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

1. \uc18c\uac1c<\/h2>\n

\n \uc548\ub4dc\ub85c\uc774\ub4dc \uc571 \uac1c\ubc1c\uc5d0\uc11c \ub0b4\ube44\uac8c\uc774\uc158 \ubdf0(Navigation View)\ub294 \uc0ac\uc6a9\uc790\uac00 \uc571 \ub0b4\uc5d0\uc11c \ub2e4\ub978 \ud654\uba74\uc73c\ub85c \ud6a8\uc728\uc801\uc73c\ub85c \uc774\ub3d9\ud560 \uc218 \uc788\ub3c4\ub85d \ub3d5\ub294 \uc911\uc694\ud55c UI \ucef4\ud3ec\ub10c\ud2b8\uc785\ub2c8\ub2e4. \uc774 \uac15\uc88c\uc5d0\uc11c\ub294 \uc790\ubc14\ub97c \uc0ac\uc6a9\ud558\uc5ec \uc548\ub4dc\ub85c\uc774\ub4dc \uc571\uc758 \ub0b4\ube44\uac8c\uc774\uc158 \ubdf0\ub97c \uad6c\uc131\ud558\ub294 \ubc29\ubc95\uc744 \uc790\uc138\ud788 \uc124\uba85\ud558\uaca0\uc2b5\ub2c8\ub2e4. \ub610\ud55c, \uc2e4\uc81c \uc608\uc81c\uc640 \ud568\uaed8 \ub4dc\ub85c\uc5b4 \ub808\uc774\uc544\uc6c3\uc744 \uc124\uc815\ud558\uc5ec \uc0ac\uc6a9\uc790 \uce5c\ud654\uc801\uc778 \ub124\ube44\uac8c\uc774\uc158\uc744 \uad6c\ud604\ud558\ub294 \ubc29\ubc95\ub3c4 \uc0b4\ud3b4\ubcfc \uac83\uc785\ub2c8\ub2e4.\n <\/p>\n<\/section>\n

\n

2. \ub0b4\ube44\uac8c\uc774\uc158 \ubdf0\ub780?<\/h2>\n

\n \ub0b4\ube44\uac8c\uc774\uc158 \ubdf0\ub294 \ubcf4\ud1b5 \ud654\uba74\uc758 \uc67c\ucabd \ub610\ub294 \uc624\ub978\ucabd\uc5d0 \uc228\uaca8\uc838 \uc788\ub2e4\uac00 \uc0ac\uc6a9\uc790\uac00 \ud2b9\uc815 \uc544\uc774\ucf58(\ud584\ubc84\uac70 \uc544\uc774\ucf58)\uc744 \ud074\ub9ad\ud558\uba74 \uc2ac\ub77c\uc774\ub4dc \ubc29\uc2dd\uc73c\ub85c \ub098\ud0c0\ub098\ub294 \uba54\ub274\uc785\ub2c8\ub2e4. \uc0ac\uc6a9\uc790\ub294 \uc774 \ub0b4\ube44\uac8c\uc774\uc158 \ubdf0\ub97c \ud1b5\ud574 \uc571\uc758 \ub2e4\uc591\ud55c \uc139\uc158\uc73c\ub85c \uc27d\uac8c \uc774\ub3d9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. Google Material Design \uac00\uc774\ub4dc\ub77c\uc778\uc5d0 \ub530\ub974\uba74 \ub0b4\ube44\uac8c\uc774\uc158 \ubdf0\ub294 \uc571 \uc0ac\uc6a9\uc131\uc744 \ub192\uc774\ub294 \ub370 \uc911\uc694\ud55c \uc5ed\ud560\uc744 \ud569\ub2c8\ub2e4.\n <\/p>\n<\/section>\n

\n

3. \ud504\ub85c\uc81d\ud2b8 \uc124\uc815<\/h2>\n

\n \ub0b4\ube44\uac8c\uc774\uc158 \ubdf0\ub97c \uad6c\ud604\ud558\uae30 \uc704\ud574 \uc0c8\ub85c\uc6b4 Android \ud504\ub85c\uc81d\ud2b8\ub97c \uc0dd\uc131\ud569\ub2c8\ub2e4. Android Studio\ub97c \uc5f4\uace0 \ub2e4\uc74c \ub2e8\uacc4\ub97c \ub530\ub985\ub2c8\ub2e4:\n <\/p>\n

    \n
  1. \uc0c8 \ud504\ub85c\uc81d\ud2b8 \ub9cc\ub4e4\uae30: “Empty Activity” \uc120\ud0dd<\/li>\n
  2. \uc774\ub984, \ud328\ud0a4\uc9c0 \uc774\ub984 \ubc0f \ud504\ub85c\uc81d\ud2b8 \uc704\uce58 \uc9c0\uc815<\/li>\n
  3. \uc5b8\uc5b4\ub97c “Java”\ub85c \uc120\ud0dd\ud558\uace0 “Finish” \ud074\ub9ad<\/li>\n<\/ol>\n

    \n \ud504\ub85c\uc81d\ud2b8 \uc0dd\uc131 \ud6c4, \ud544\uc694\ud55c \ub77c\uc774\ube0c\ub7ec\ub9ac\uc640 \uc758\uc874\uc131\uc744 \ucd94\uac00\ud558\uae30 \uc704\ud574 build.gradle<\/code> \ud30c\uc77c\uc744 \uc218\uc815\ud569\ub2c8\ub2e4. \ub0b4\ube44\uac8c\uc774\uc158 \ubdf0\ub294 \ub2e4\uc74c \uc758\uc874\uc131\uc774 \ud544\uc694\ud569\ub2c8\ub2e4:\n <\/p>\n

    implementation 'com.google.android.material:material:1.5.0'<\/code><\/pre>\n<\/section>\n
    \n
    4. \ub808\uc774\uc544\uc6c3 \uad6c\uc131<\/h2>\n
    \n            \ub0b4\ube44\uac8c\uc774\uc158 \ubdf0\uc640 \ub4dc\ub85c\uc5b4 \ub808\uc774\uc544\uc6c3\uc744 \uc124\uc815\ud558\uae30 \uc704\ud574 activity_main.xml<\/code> \ud30c\uc77c\uc744 \uc218\uc815\ud569\ub2c8\ub2e4. \uae30\ubcf8 \ub808\uc774\uc544\uc6c3\uc73c\ub85c DrawerLayout<\/code>\uc744 \uc0ac\uc6a9\ud558\uc5ec \ub0b4\ube44\uac8c\uc774\uc158 \ubdf0\ub97c \ud3ec\ud568\ud55c \uad6c\uc870\ub97c \ub9cc\ub4ed\ub2c8\ub2e4. \uc544\ub798\ub294 \uae30\ubcf8 \ub808\uc774\uc544\uc6c3 \uad6c\uc131 \uc608\uc81c\uc785\ub2c8\ub2e4.\n        <\/p>\n
    <androidx.drawerlayout.widget.DrawerLayout\n    android:id=\"@+id\/drawer_layout\"\n    android:layout_width=\"match_parent\"\n    android:layout_height=\"match_parent\"\n    tools:context=\".MainActivity\">\n\n    <FrameLayout\n        android:id=\"@+id\/content_frame\"\n        android:layout_width=\"match_parent\"\n        android:layout_height=\"match_parent\">\n\n        <!-- Main content goes here -->\n\n    <\/FrameLayout>\n\n    <com.google.android.material.navigation.NavigationView\n        android:id=\"@+id\/nav_view\"\n        android:layout_width=\"wrap_content\"\n        android:layout_height=\"match_parent\"\n        android:layout_gravity=\"start\"\n        app:menu=\"@menu\/drawer_menu\" \n        app:headerLayout=\"@layout\/nav_header\">\n    <\/com.google.android.material.navigation.NavigationView>\n\n<\/androidx.drawerlayout.widget.DrawerLayout><\/code><\/pre>\n<\/section>\n
    \n
    5. \uba54\ub274 \ub9ac\uc18c\uc2a4 \uc815\uc758<\/h2>\n
    \n            \ub0b4\ube44\uac8c\uc774\uc158 \ubdf0\uc5d0 \ud45c\uc2dc\ub420 \uba54\ub274\ub97c \uc815\uc758\ud558\ub824\uba74 res\/menu<\/code> \ud3f4\ub354 \uc548\uc5d0 \uc0c8\ub85c\uc6b4 XML \ud30c\uc77c\uc744 \uc0dd\uc131\ud569\ub2c8\ub2e4. \uba54\ub274 XML \ud30c\uc77c (\uc608: drawer_menu.xml<\/code>)\uc5d0 \ud56d\ubaa9\uc744 \ucd94\uac00\ud558\uc5ec \ub0b4\ube44\uac8c\uc774\uc158 \uba54\ub274\ub97c \uc124\uc815\ud569\ub2c8\ub2e4.\n        <\/p>\n
    <menu xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\">\n    <item\n        android:id=\"@+id\/nav_home\"\n        android:title=\"\ud648\" \/>\n    <item\n        android:id=\"@+id\/nav_gallery\"\n        android:title=\"\uac24\ub7ec\ub9ac\" \/>\n    <item\n        android:id=\"@+id\/nav_slideshow\"\n        android:title=\"\uc2ac\ub77c\uc774\ub4dc\uc1fc\" \/>\n<\/menu><\/code><\/pre>\n<\/section>\n
    \n
    6. \ub0b4\ube44\uac8c\uc774\uc158 \ubdf0 \ud65c\uc6a9\ud558\uae30<\/h2>\n
    \n            MainActivity.java \ud30c\uc77c\uc744 \uc218\uc815\ud558\uc5ec \ub0b4\ube44\uac8c\uc774\uc158 \ubdf0\uc758 \ud56d\ubaa9 \uc120\ud0dd\uc744 \ucc98\ub9ac\ud569\ub2c8\ub2e4. \uc0ac\uc6a9\uc790\uac00 \ub0b4\ube44\uac8c\uc774\uc158 \uba54\ub274 \ud56d\ubaa9\uc744 \uc120\ud0dd\ud560 \ub54c \uac01\uac01\uc758 \ub3d9\uc791\uc744 \uc815\uc758\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n        <\/p>\n
    public class MainActivity extends AppCompatActivity {\n\n    private DrawerLayout drawerLayout;\n    private NavigationView navigationView;\n\n    @Override\n    protected void onCreate(Bundle savedInstanceState) {\n        super.onCreate(savedInstanceState);\n        setContentView(R.layout.activity_main);\n\n        drawerLayout = findViewById(R.id.drawer_layout);\n        navigationView = findViewById(R.id.nav_view);\n\n        ActionBarDrawerToggle toggle = new ActionBarDrawerToggle(\n                this, drawerLayout, R.string.navigation_drawer_open, R.string.navigation_drawer_close);\n        drawerLayout.addDrawerListener(toggle);\n        toggle.syncState();\n\n        navigationView.setNavigationItemSelectedListener(new NavigationView.OnNavigationItemSelectedListener() {\n            @Override\n            public boolean onNavigationItemSelected(@NonNull MenuItem item) {\n                int id = item.getItemId();\n                switch (id) {\n                    case R.id.nav_home:\n                        \/\/ \ud648 \ud56d\ubaa9 \uc120\ud0dd \uc2dc \ub3d9\uc791\n                        break;\n                    case R.id.nav_gallery:\n                        \/\/ \uac24\ub7ec\ub9ac \ud56d\ubaa9 \uc120\ud0dd \uc2dc \ub3d9\uc791\n                        break;\n                    case R.id.nav_slideshow:\n                        \/\/ \uc2ac\ub77c\uc774\ub4dc\uc1fc \ud56d\ubaa9 \uc120\ud0dd \uc2dc \ub3d9\uc791\n                        break;\n                }\n                drawerLayout.closeDrawer(GravityCompat.START);\n                return true;\n            }\n        });\n    }\n}<\/code><\/pre>\n<\/section>\n
    \n
    7. \uc0ac\uc6a9\uc790 \uc778\ud130\ud398\uc774\uc2a4 \uac1c\uc120<\/h2>\n
    \n            \ub0b4\ube44\uac8c\uc774\uc158 \ubdf0\ub294 \uae30\ubcf8\uc801\uc73c\ub85c \uba54\ub274\uc640 \ud5e4\ub354 \ubdf0\ub97c \uc0ac\uc6a9\ud558\uc5ec \uad6c\uc131\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ud5e4\ub354 \ubdf0\ub97c \ucd94\uac00\ud558\uc5ec \uc0ac\uc6a9\uc790\uc5d0\uac8c \uac1c\uc778\ud654\ub41c \uacbd\ud5d8\uc744 \uc81c\uacf5\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. nav_header.xml<\/code> \ud30c\uc77c\uc744 \ucd94\uac00\ud558\uc5ec \uc0ac\uc6a9\uc790 \uc815\ubcf4\ub97c \ud45c\uc2dc\ud558\uac70\ub098 \ub9c1\ud06c\ub97c \uc81c\uacf5\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n        <\/p>\n
    <LinearLayout xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\n    android:layout_width=\"match_parent\"\n    android:layout_height=\"wrap_content\"\n    android:orientation=\"vertical\">\n\n    <ImageView\n        android:layout_width=\"match_parent\"\n        android:layout_height=\"200dp\"\n        android:src=\"@drawable\/header_image\" \/>\n\n    <TextView\n        android:layout_width=\"match_parent\"\n        android:layout_height=\"wrap_content\"\n        android:text=\"\uc0ac\uc6a9\uc790 \uc774\ub984\"\n        android:textColor=\"@android:color\/black\" \/>\n\n<\/LinearLayout><\/code><\/pre>\n<\/section>\n
    \n
    8. \ub4dc\ub85c\uc5b4 \uc5f4\uae30 \ubc0f \ub2eb\uae30 \uc560\ub2c8\uba54\uc774\uc158<\/h2>\n
    \n            \ub4dc\ub85c\uc5b4\ub97c \uc5ec\ub294 \uc560\ub2c8\uba54\uc774\uc158\uc740 \uc0ac\uc6a9\uc790\uac00 \ub0b4\ube44\uac8c\uc774\uc158 \ubc84\ud2bc\uc744 \ud074\ub9ad\ud560 \ub54c\ub9c8\ub2e4 \uc790\ub3d9\uc73c\ub85c \ucc98\ub9ac\ub429\ub2c8\ub2e4. \uadf8\ub7ec\ub098 \uc0ac\uc6a9\uc790\uac00 \uc2a4\uc640\uc774\ud504 \uc81c\uc2a4\ucc98\ub85c \ub4dc\ub85c\uc5b4\ub97c \uc5f4\uac70\ub098 \ub2eb\uc744 \uc218 \uc788\ub3c4\ub85d \uc124\uc815\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ub97c \ud1b5\ud574 \ub354 \uc790\uc5f0\uc2a4\ub7ec\uc6b4 \uc0ac\uc6a9\uc790 \uacbd\ud5d8\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4.\n        <\/p>\n
    \n            \uc0ac\uc6a9\ud558\ub824\uba74 DrawerLayout<\/code>\uc758 setDrawerListener<\/code> \uba54\uc18c\ub4dc\ub97c \ud1b5\ud574 \ub9ac\uc2a4\ub108\ub97c \ub4f1\ub85d\ud569\ub2c8\ub2e4. \uc0ac\uc6a9\uc790\uac00 \ub4dc\ub85c\uc5b4\ub97c \uc5f4\uc5c8\uc744 \ub54c\uc640 \ub2eb\uc558\uc744 \ub54c\uc758 \ud589\ub3d9\uc744 \uc815\uc758\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n        <\/p>\n
    drawerLayout.addDrawerListener(new DrawerLayout.DrawerListener() {\n            @Override\n            public void onDrawerSlide(@NonNull View drawerView, float slideOffset) {\n                \/\/ \ub4dc\ub85c\uc5b4\uc640 \uc5f0\uacb0\ub41c \uc560\ub2c8\uba54\uc774\uc158 \ub3d9\uc791\n            }\n\n            @Override\n            public void onDrawerOpened(@NonNull View drawerView) {\n                \/\/ \ub4dc\ub85c\uc5b4\uac00 \uc5f4\ub838\uc744 \ub54c \ub3d9\uc791\n            }\n\n            @Override\n            public void onDrawerClosed(@NonNull View drawerView) {\n                \/\/ \ub4dc\ub85c\uc5b4\uac00 \ub2eb\ud614\uc744 \ub54c \ub3d9\uc791\n            }\n\n            @Override\n            public void onDrawerStateChanged(int newState) {\n                \/\/ \ub4dc\ub85c\uc5b4 \uc0c1\ud0dc \ubcc0\uacbd \uc2dc \ub3d9\uc791\n            }\n        });<\/code><\/pre>\n<\/section>\n
    \n
    9. \ud654\uba74 \uc804\ud658 \uc560\ub2c8\uba54\uc774\uc158 \uad6c\ud604\ud558\uae30<\/h2>\n
    \n            \ub0b4\ube44\uac8c\uc774\uc158 \ubdf0\uc5d0\uc11c \uc120\ud0dd\ub41c \uba54\ub274 \uc544\uc774\ud15c\uc5d0 \ub530\ub77c \ub2e4\ub978 Activity\ub85c \uc804\ud658\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774\ub54c \ud654\uba74 \uc804\ud658 \uc560\ub2c8\uba54\uc774\uc158\uc744 \ucd94\uac00\ud558\uc5ec \uc0ac\uc6a9\uc790\uc758 \uacbd\ud5d8\uc744 \ud5a5\uc0c1\uc2dc\ud0ac \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc544\ub798\ub294 Intent\ub97c \ud1b5\ud574 \uc0c8\ub85c\uc6b4 Activity\ub85c \uc804\ud658\ud560 \ub54c \uc560\ub2c8\uba54\uc774\uc158\uc744 \uc801\uc6a9\ud558\ub294 \ubc29\ubc95\uc785\ub2c8\ub2e4.\n        <\/p>\n
    @Override\npublic boolean onNavigationItemSelected(@NonNull MenuItem item) {\n    Intent intent;\n    switch (item.getItemId()) {\n        case R.id.nav_home:\n            intent = new Intent(this, HomeActivity.class);\n            startActivity(intent);\n            overridePendingTransition(R.anim.enter_from_right, R.anim.exit_to_left);\n            break;\n        case R.id.nav_gallery:\n            intent = new Intent(this, GalleryActivity.class);\n            startActivity(intent);\n            overridePendingTransition(R.anim.enter_from_right, R.anim.exit_to_left);\n            break;\n    }\n    drawerLayout.closeDrawer(GravityCompat.START);\n    return true;\n}<\/code><\/pre>\n<\/section>\n
    \n
    10. \ud14c\uc2a4\ud2b8 \ubc0f \ub514\ubc84\uae45<\/h2>\n
    \n            \uc571\uc744 \uc644\ub8cc\ud55c \ud6c4, \uc5d0\ubbac\ub808\uc774\ud130 \ub610\ub294 \uc2e4\uc81c \ub514\ubc14\uc774\uc2a4\uc5d0\uc11c \ucda9\ubd84\ud788 \ud14c\uc2a4\ud2b8\ud558\uc5ec \ub4dc\ub85c\uc5b4\uac00 \uc62c\ubc14\ub974\uac8c \uc791\ub3d9\ud558\uace0 \uc788\ub294\uc9c0 \ud655\uc778\ud569\ub2c8\ub2e4. \ubc84\ud2bc \ud074\ub9ad \uc2dc \uc608\uc0c1\ub300\ub85c \ud589\ub3d9\ud558\ub294\uc9c0, \uba54\ub274 \ud56d\ubaa9 \uc120\ud0dd \uc2dc \uc62c\ubc14\ub978 \ud654\uba74\uc73c\ub85c \uc804\ud658\ub418\ub294\uc9c0 \ud655\uc778\ud569\ub2c8\ub2e4.
    \n            \ub610\ud55c, \ub4dc\ub85c\uc5b4\uac00 \uc5f4\ub9ac\uace0 \ub2eb\ud790 \ub54c\uc758 \uc560\ub2c8\uba54\uc774\uc158 \ud6a8\uacfc\ub97c \ud14c\uc2a4\ud2b8\ud558\uc5ec \ub9e4\ub044\ub7fd\uac8c \uc791\ub3d9\ud558\ub294\uc9c0 \ud655\uc778\ud569\ub2c8\ub2e4.\n        <\/p>\n<\/section>\n
    \n
    11. \uacb0\ub860<\/h2>\n
    \n            \uc774\ubc88 \uac15\uc88c\uc5d0\uc11c\ub294 \uc790\ubc14\ub97c \uc0ac\uc6a9\ud574 \uc548\ub4dc\ub85c\uc774\ub4dc \uc571\uc5d0\uc11c \ub0b4\ube44\uac8c\uc774\uc158 \ubdf0\ub97c \uad6c\ud604\ud558\ub294 \ubc29\ubc95\uc744 \ub2e4\ub8e8\uc5c8\uc2b5\ub2c8\ub2e4. \ub0b4\ube44\uac8c\uc774\uc158 \ubdf0\ub294 \uc0ac\uc6a9\uc790 \uce5c\ud654\uc801\uc778 \uc571 \uad6c\uc131\uc758 \uc911\uc694\ud55c \uc694\uc18c\ub85c, \uc0ac\uc6a9\uc790\uc5d0\uac8c \ud5a5\uc0c1\ub41c \ud0d0\uc0c9 \uacbd\ud5d8\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4.
    \n            \ubcf8 \uac15\uc88c\uc5d0\uc11c \uc124\uba85\ud55c \ub0b4\uc6a9\uc744 \ubc14\ud0d5\uc73c\ub85c \uc5ec\ub7ec\ubd84\ub9cc\uc758 \uc571\uc5d0 \ub9de\ub294 \ub0b4\ube44\uac8c\uc774\uc158 \ubdf0\ub97c \uc124\uc815\ud558\uace0, \ub2e4\uc591\ud55c UI \uc694\uc18c \ubc0f \uc560\ub2c8\uba54\uc774\uc158\uc744 \ud65c\uc6a9\ud574 \ud48d\ubd80\ud55c \uc0ac\uc6a9\uc790 \uacbd\ud5d8\uc744 \uc81c\uacf5\ud558\uc2dc\uae38 \ubc14\ub78d\ub2c8\ub2e4.\n        <\/p>\n<\/section>\n