\uc548\ub4dc\ub85c\uc774\ub4dc \uc560\ud50c\ub9ac\ucf00\uc774\uc158 \uac1c\ubc1c\uc5d0\uc11c \ubdf0(View)\ub294 \uc0ac\uc6a9\uc790 \uc778\ud130\ud398\uc774\uc2a4\ub97c \uad6c\uc131\ud558\ub294 \uac00\uc7a5 \uae30\ubcf8\uc801\uc778 \uad6c\uc131 \uc694\uc18c\uc785\ub2c8\ub2e4. \uc774 \uac15\uc88c\uc5d0\uc11c\ub294 \ucf54\ud2c0\ub9b0\uc744 \uc774\uc6a9\ud558\uc5ec \uc548\ub4dc\ub85c\uc774\ub4dc \uc571\uc758 \ud654\uba74\uc744 \uad6c\uc131\ud558\ub294 \ubc29\ubc95\uc744 \uc790\uc138\ud788 \uc54c\uc544\ubcf4\uace0, \ubdf0\ub97c \ud65c\uc6a9\ud558\uc5ec \ub2e4\uc591\ud55c \ub808\uc774\uc544\uc6c3\uc744 \ub9cc\ub4dc\ub294 \ubc29\ubc95\uc744 \uc608\uc81c\uc640 \ud568\uaed8 \uc124\uba85\ud558\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n
\uc548\ub4dc\ub85c\uc774\ub4dc \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc758 UI\ub294 \ub2e4\uc591\ud55c \ubdf0(View)\ub85c \uad6c\uc131\ub429\ub2c8\ub2e4. \ubdf0\ub294 \uc0ac\uc6a9\uc790\uc640 \uc0c1\ud638\uc791\uc6a9\ud560 \uc218 \uc788\ub294 \uadf8\ub798\ud53d\uc801 \uc694\uc18c\uc785\ub2c8\ub2e4. \uc548\ub4dc\ub85c\uc774\ub4dc\uc5d0\uc11c \uc0ac\uc6a9\ub418\ub294 \uae30\ubcf8\uc801\uc778 \ubdf0\uc758 \uc885\ub958\ub294 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4:<\/p>\n
TextView<\/code> – \ud14d\uc2a4\ud2b8\ub97c \ud45c\uc2dc\ud558\ub294 \ubdf0<\/li>\nEditText<\/code> – \uc0ac\uc6a9\uc790 \uc785\ub825\uc744 \ubc1b\uc744 \uc218 \uc788\ub294 \ud14d\uc2a4\ud2b8 \uc785\ub825 \ubdf0<\/li>\nButton<\/code> – \ud074\ub9ad \uc774\ubca4\ud2b8\ub97c \ucc98\ub9ac\ud558\ub294 \ubc84\ud2bc<\/li>\nImageView<\/code> – \uc774\ubbf8\uc9c0\ub97c \ud45c\uc2dc\ud558\ub294 \ubdf0<\/li>\nCheckBox<\/code> – \uccb4\ud06c \uac00\ub2a5 \ud56d\ubaa9<\/li>\nRadioButton<\/code> – \uc0c1\ud638 \ubc30\ud0c0\uc801\uc778 \uc120\ud0dd \ud56d\ubaa9<\/li>\nRecyclerView<\/code> – \ub9ac\uc2a4\ud2b8 \ud56d\ubaa9\uc744 \ud6a8\uc728\uc801\uc73c\ub85c \ud45c\uc2dc<\/li>\n<\/ul>\n1.1 \ubdf0\uc758 \uc5ed\ud560\uacfc \uc911\uc694\uc131<\/h3>\n
\ubdf0\ub294 \uc0ac\uc6a9\uc790\uc640 \uc560\ud50c\ub9ac\ucf00\uc774\uc158 \uac04\uc758 \uc0c1\ud638\uc791\uc6a9\uc744 \uac00\ub2a5\ud558\uac8c \ud558\uba70, \uc571\uc758 \uc0ac\uc6a9\uc131\uc744 \ud06c\uac8c \uc88c\uc6b0\ud569\ub2c8\ub2e4. \uc801\uc808\ud55c \ubdf0\uc640 \ub808\uc774\uc544\uc6c3\uc744 \uc0ac\uc6a9\ud558\uba74 \uc0ac\uc6a9\uc790 \uacbd\ud5d8\uc744 \uadf9\ub300\ud654\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub610\ud55c, \ubdf0\ub294 \ub2e4\ub978 \ubdf0\uc640 \uacb0\ud569\ud558\uc5ec \ubcf5\uc7a1\ud55c UI\ub97c \uad6c\uc131\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n
2. \ub808\uc774\uc544\uc6c3 \uad6c\uc131<\/h2>\n
\uc548\ub4dc\ub85c\uc774\ub4dc\uc5d0\uc11c\ub294 \ub2e4\uc591\ud55c \ub808\uc774\uc544\uc6c3 \uc720\ud615\uc744 \uc81c\uacf5\ud558\uc5ec \ubdf0\ub97c \uc5b4\ub5bb\uac8c \ubc30\uce58\ud560\uc9c0 \uacb0\uc815\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc8fc\uc694 \ub808\uc774\uc544\uc6c3 \ud0c0\uc785\uc740 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4:<\/p>\n
\nLinearLayout<\/code> – \uc218\ud3c9 \ub610\ub294 \uc218\uc9c1\uc73c\ub85c \ubdf0\ub97c \ub098\uc5f4<\/li>\nRelativeLayout<\/code> – \uc11c\ub85c\uc5d0 \ub300\ud55c \uc0c1\ub300\uc801 \uc704\uce58\ub85c \ubdf0 \ubc30\uce58<\/li>\nConstraintLayout<\/code> – \uc81c\uc57d \uc870\uac74\uc744 \uae30\ubc18\uc73c\ub85c \uc720\uc5f0\ud558\uac8c \ubdf0 \ubc30\uce58<\/li>\nFrameLayout<\/code> – \ud558\ub098\uc758 \ubdf0\ub97c \uacb9\uce58\uac8c \ud45c\uc2dc<\/li>\n<\/ul>\n2.1 LinearLayout \uc608\uc81c<\/h3>\n
\uac00\uc7a5 \uae30\ubcf8\uc801\uc778 \ub808\uc774\uc544\uc6c3 \uc911 \ud558\ub098\uc778 LinearLayout<\/code>\uc744 \uc0ac\uc6a9\ud558\uc5ec \uc218\ud3c9 \ub610\ub294 \uc218\uc9c1\uc73c\ub85c \ubdf0\ub97c \ubc30\uce58\ud558\ub294 \ubc29\ubc95\uc744 \uc54c\uc544\ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n<LinearLayout\n xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\n android:layout_width=\"match_parent\"\n android:layout_height=\"match_parent\"\n android:orientation=\"vertical\">\n\n <TextView\n android:id=\"@+id\/textView\"\n android:layout_width=\"wrap_content\"\n android:layout_height=\"wrap_content\"\n android:text=\"\uc548\ub155\ud558\uc138\uc694, \ucf54\ud2c0\ub9b0 \uc548\ub4dc\ub85c\uc774\ub4dc!\" \/>\n\n <Button\n android:id=\"@+id\/button\"\n android:layout_width=\"wrap_content\"\n android:layout_height=\"wrap_content\"\n android:text=\"\ud074\ub9ad\ud558\uc138\uc694!\" \/>\n\n<\/LinearLayout><\/code><\/pre>\n2.2 RelativeLayout \uc608\uc81c<\/h3>\n
\uc0c1\ub300\uc801 \uc704\uce58\ub97c \uae30\ubc18\uc73c\ub85c \ubdf0\ub97c \ubc30\uce58\ud560 \uc218 \uc788\ub294 RelativeLayout<\/code>\uc744 \uc0ac\uc6a9\ud55c \uc608\uc81c\ub97c \uc0b4\ud3b4\ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n<RelativeLayout\n xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\n android:layout_width=\"match_parent\"\n android:layout_height=\"match_parent\">\n\n <TextView\n android:id=\"@+id\/relativeTextView\"\n android:layout_width=\"wrap_content\"\n android:layout_height=\"wrap_content\"\n android:text=\"RelativeLayout \uc608\uc81c\"\n android:layout_centerHorizontal=\"true\"\n android:layout_marginTop=\"20dp\" \/>\n\n <Button\n android:id=\"@+id\/relativeButton\"\n android:layout_width=\"wrap_content\"\n android:layout_height=\"wrap_content\"\n android:text=\"\uc0c1\ub300 \ubc84\ud2bc\"\n android:layout_below=\"@id\/relativeTextView\"\n android:layout_centerHorizontal=\"true\" \/>\n\n<\/RelativeLayout><\/code><\/pre>\n2.3 ConstraintLayout \uc608\uc81c<\/h3>\n
\ucd5c\uadfc \uc548\ub4dc\ub85c\uc774\ub4dc \uac1c\ubc1c\uc5d0\uc11c \ub9ce\uc774 \uc0ac\uc6a9\ub418\ub294 ConstraintLayout<\/code>\uc744 \uc0ac\uc6a9\ud55c \uc608\uc81c\ub85c \ub354\uc6b1 \ubcf5\uc7a1\ud55c \ub808\uc774\uc544\uc6c3\uc744 \uad6c\uc131\ud574\ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n<androidx.constraintlayout.widget.ConstraintLayout\n xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\n xmlns:app=\"http:\/\/schemas.android.com\/apk\/res-auto\"\n android:layout_width=\"match_parent\"\n android:layout_height=\"match_parent\">\n\n <TextView\n android:id=\"@+id\/constraintTextView\"\n android:layout_width=\"wrap_content\"\n android:layout_height=\"wrap_content\"\n android:text=\"ConstraintLayout \uc608\uc81c\"\n app:layout_constraintTop_toTopOf=\"parent\"\n app:layout_constraintStart_toStartOf=\"parent\"\n app:layout_constraintEnd_toEndOf=\"parent\" \/>\n\n <Button\n android:id=\"@+id\/constraintButton\"\n android:layout_width=\"wrap_content\"\n android:layout_height=\"wrap_content\"\n android:text=\"\uc81c\uc57d \ubc84\ud2bc\"\n app:layout_constraintTop_toBottomOf=\"@id\/constraintTextView\"\n app:layout_constraintStart_toStartOf=\"parent\"\n app:layout_constraintEnd_toEndOf=\"parent\" \/>\n\n<\/androidx.constraintlayout.widget.ConstraintLayout><\/code><\/pre>\n3. \ubdf0 \ub370\uc774\ud130 \ubc14\uc778\ub529<\/h2>\n
\uc774\uc81c UI \uc694\uc18c\uc640 \ub370\uc774\ud130 \uac04\uc758 \uc5f0\uacb0\uc744 \ud6a8\uc728\uc801\uc73c\ub85c \ucc98\ub9ac\ud560 \uc218 \uc788\ub294 \ub370\uc774\ud130 \ubc14\uc778\ub529(Data Binding)\uc5d0 \ub300\ud574 \uc54c\uc544\ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n
3.1 \ub370\uc774\ud130 \ubc14\uc778\ub529 \uc124\uc815<\/h3>\n
\ub370\uc774\ud130 \ubc14\uc778\ub529\uc744 \uc0ac\uc6a9\ud558\ub824\uba74 \uba3c\uc800 \ud504\ub85c\uc81d\ud2b8\uc758 build.gradle<\/code> \ud30c\uc77c\uc5d0\uc11c \ub370\uc774\ud130 \ubc14\uc778\ub529\uc744 \ud65c\uc131\ud654\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\nandroid {\n ...\n buildFeatures {\n dataBinding true\n }\n}<\/code><\/pre>\n3.2 \ub370\uc774\ud130 \ubc14\uc778\ub529 \uc608\uc81c<\/h3>\n
\ub370\uc774\ud130 \ubc14\uc778\ub529\uc744 \uc774\uc6a9\ud55c \uae30\ubcf8\uc801\uc778 \uc608\uc81c\ub97c \uc0b4\ud3b4\ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n
<layout xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\">\n <data>\n <variable\n name=\"viewModel\"\n type=\"com.example.myapplication.MyViewModel\" \/>\n <\/data>\n\n <LinearLayout\n android:layout_width=\"match_parent\"\n android:layout_height=\"match_parent\"\n android:orientation=\"vertical\">\n\n <TextView\n android:layout_width=\"wrap_content\"\n android:layout_height=\"wrap_content\"\n android:text=\"@{viewModel.text}\" \/>\n\n <Button\n android:layout_width=\"wrap_content\"\n android:layout_height=\"wrap_content\"\n android:onClick=\"@{() -> viewModel.onButtonClick()}\"\n android:text=\"\ubc84\ud2bc \ud074\ub9ad\" \/>\n\n <\/LinearLayout>\n<\/layout><\/code><\/pre>\n4. \ubdf0\uc758 \uc0c1\ud0dc \uad00\ub9ac<\/h2>\n
\ubdf0\uc758 \uc0c1\ud0dc\ub97c \uad00\ub9ac\ud558\ub294 \uac83\uc740 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc758 \uc548\uc815\uc131\uc744 \ub192\uc774\uace0 \uc0ac\uc6a9\uc790 \uacbd\ud5d8\uc744 \uac1c\uc120\ud558\ub294 \ub370 \uc911\uc694\ud569\ub2c8\ub2e4.<\/p>\n
4.1 \ubdf0 \uc0c1\ud0dc \uc800\uc7a5<\/h3>\n
\ubdf0\uc758 \uc0c1\ud0dc\ub294 onSaveInstanceState()<\/code> \uba54\uc11c\ub4dc\ub97c \uc624\ubc84\ub77c\uc774\ub4dc\ud558\uc5ec \uc800\uc7a5\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\noverride fun onSaveInstanceState(outState: Bundle) {\n super.onSaveInstanceState(outState)\n outState.putString(\"text\", textView.text.toString())\n}<\/code><\/pre>\n4.2 \ubdf0 \uc0c1\ud0dc \ubcf5\uc6d0<\/h3>\n
\uc800\uc7a5\ub41c \uc0c1\ud0dc\ub294 onRestoreInstanceState()<\/code> \uba54\uc11c\ub4dc\ub97c \uc624\ubc84\ub77c\uc774\ub4dc\ud558\uc5ec \ubcf5\uc6d0\ud569\ub2c8\ub2e4.<\/p>\noverride fun onRestoreInstanceState(savedInstanceState: Bundle) {\n super.onRestoreInstanceState(savedInstanceState)\n val savedText = savedInstanceState.getString(\"text\")\n textView.text = savedText\n}<\/code><\/pre>\n5. \uc0ac\uc6a9\uc790 \uc0c1\ud638\uc791\uc6a9 \ucc98\ub9ac<\/h2>\n
\uc0ac\uc6a9\uc790 \uc0c1\ud638\uc791\uc6a9\uc740 \ubc84\ud2bc \ud074\ub9ad, \ud130\uce58\uc640 \uac19\uc740 \uc774\ubca4\ud2b8\ub97c \ud1b5\ud574 \ubc1c\uc0dd\ud569\ub2c8\ub2e4. \uc548\ub4dc\ub85c\uc774\ub4dc\uc5d0\uc11c\ub294 \uc774\ub7ec\ud55c \uc0c1\ud638\uc791\uc6a9\uc744 \ucc98\ub9ac\ud558\uae30 \uc704\ud55c \ub2e4\uc591\ud55c \ubc29\ubc95\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4.<\/p>\n
5.1 OnClickListener \uc0ac\uc6a9<\/h3>\n
\ubc84\ud2bc\uc758 \ud074\ub9ad \uc774\ubca4\ud2b8\ub97c \ucc98\ub9ac\ud558\uae30 \uc704\ud574 setOnClickListener()<\/code>\ub97c \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\nbutton.setOnClickListener {\n \/\/ \ubc84\ud2bc \ud074\ub9ad \uc2dc \ub3d9\uc791\n Toast.makeText(this, \"\ubc84\ud2bc\uc774 \ud074\ub9ad\ub418\uc5c8\uc2b5\ub2c8\ub2e4!\", Toast.LENGTH_SHORT).show()\n}<\/code><\/pre>\n5.2 XML\uc5d0\uc11c \uc774\ubca4\ud2b8 \ucc98\ub9ac<\/h3>\n
XML \ub808\uc774\uc544\uc6c3 \ud30c\uc77c\uc5d0\uc11c \uc9c1\uc811 \uc774\ubca4\ud2b8\ub97c \ucc98\ub9ac\ud560 \uc218\ub3c4 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n
<Button\n android:id=\"@+id\/button\"\n android:layout_width=\"wrap_content\"\n android:layout_height=\"wrap_content\"\n android:text=\"\ud074\ub9ad\ud558\uc138\uc694!\"\n android:onClick=\"onButtonClick\" \/><\/code><\/pre>\nfun onButtonClick(view: View) {\n Toast.makeText(this, \"XML \ubc84\ud2bc\uc774 \ud074\ub9ad\ub418\uc5c8\uc2b5\ub2c8\ub2e4!\", Toast.LENGTH_SHORT).show()\n}<\/code><\/pre>\n6. \uacb0\ub860<\/h2>\n
\uc548\ub4dc\ub85c\uc774\ub4dc \uac1c\ubc1c\uc5d0\uc11c \ubdf0\ub97c \ud65c\uc6a9\ud55c \ud654\uba74 \uad6c\uc131\uc740 \ub9e4\uc6b0 \uc911\uc694\ud558\uba70, \ub2e4\uc591\ud55c \ubc29\ubc95\uc73c\ub85c \ub808\uc774\uc544\uc6c3\uc744 \ub514\uc790\uc778\ud558\uace0 \uc0ac\uc6a9\uc790\uc640 \uc0c1\ud638\uc791\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ucf54\ud2c0\ub9b0\uc744 \uc0ac\uc6a9\ud558\uc5ec \uc774\ub7ec\ud55c \uc791\uc5c5\uc744 \uac04\ud3b8\ud558\uac8c \ucc98\ub9ac\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ubcf8 \uac15\uc88c\ub97c \ud1b5\ud574 \ubdf0\uc758 \uae30\ubcf8 \uac1c\ub150\ubd80\ud130 \uc2dc\uc791\ud558\uc5ec \ub370\uc774\ud130 \ubc14\uc778\ub529, \uc0c1\ud0dc \uad00\ub9ac, \uc774\ubca4\ud2b8 \ucc98\ub9ac \ub4f1 \ub2e4\uc591\ud55c \uc8fc\uc81c\ub97c \ub2e4\ub8e8\uc5c8\uc2b5\ub2c8\ub2e4. \uc2e4\uc81c\ub85c \ud504\ub85c\uc81d\ud2b8\uc5d0 \uc801\uc6a9\ud558\uc5ec \uac15\ub825\ud558\uace0 \uc720\uc6a9\ud55c \uc548\ub4dc\ub85c\uc774\ub4dc \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \uac1c\ubc1c\ud574\ubcf4\uc2dc\uae38 \ubc14\ub78d\ub2c8\ub2e4.<\/p>\n
\uc774 \uac15\uc88c\uac00 \ub3c4\uc6c0\uc774 \ub418\uc168\ub2e4\uba74 \uc88b\uaca0\uc2b5\ub2c8\ub2e4. \uc9c8\ubb38\uc774 \uc788\uc73c\uc2dc\uba74 \ub313\uae00\ub85c \ub0a8\uaca8\uc8fc\uc138\uc694!<\/p>\n
<\/body><\/p>\n","protected":false},"excerpt":{"rendered":"