{"id":30468,"date":"2024-10-28T03:50:45","date_gmt":"2024-10-28T03:50:45","guid":{"rendered":"http:\/\/atmokpo.com\/w\/?p=30468"},"modified":"2024-11-26T06:48:29","modified_gmt":"2024-11-26T06:48:29","slug":"%ec%bd%94%ed%8b%80%eb%a6%b0-%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-%ec%8b%9c%ea%b3%84-%ec%95%b1%ec%9d%98-%ec%8a%a4%ed%86%b1%ec%9b%8c%ec%b9%98","status":"publish","type":"post","link":"https:\/\/atmokpo.com\/w\/30468\/","title":{"rendered":"\ucf54\ud2c0\ub9b0 \uc548\ub4dc\ub85c\uc774\ub4dc \uc571\uac1c\ubc1c \uac15\uc88c, \uc2dc\uacc4 \uc571\uc758 \uc2a4\ud1b1\uc6cc\uce58 \uae30\ub2a5 \ub9cc\ub4e4\uae30"},"content":{"rendered":"

<\/p>\n

\uc548\ub4dc\ub85c\uc774\ub4dc \uac1c\ubc1c\uc5d0\uc11c \uc2dc\uacc4 \uc571\uc744 \ub9cc\ub4e4\uba74\uc11c \uc2a4\ud1b1\uc6cc\uce58 \uae30\ub2a5\uc744 \uad6c\ud604\ud558\ub294 \uac83\uc740 \ub9e4\uc6b0 \uc720\uc6a9\ud55c \uc5f0\uc2b5\uc785\ub2c8\ub2e4. \uc774 \uae00\uc5d0\uc11c\ub294 Kotlin\uc744 \uc0ac\uc6a9\ud558\uc5ec \uc2a4\ud1b1\uc6cc\uce58 \uae30\ub2a5\uc744 \ub9cc\ub4dc\ub294 \ubc29\ubc95\uc744 \uc790\uc138\ud788 \uc124\uba85\ud560 \uac83\uc785\ub2c8\ub2e4. \uc6b0\ub9ac\ub294 \uc804\uccb4\uc801\uc778 \uc571 \uad6c\uc870\ub97c \uc124\uc815\ud558\uace0, \uc2a4\ud1b1\uc6cc\uce58\uc758 UI\ub97c \ub514\uc790\uc778\ud558\uba70, \uc2a4\ud1b1\uc6cc\uce58\uc758 \uae30\ubcf8 \ub3d9\uc791\uc744 \uad6c\ud604\ud560 \uac83\uc785\ub2c8\ub2e4.<\/p>\n

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

Android Studio\ub97c \uc5f4\uace0 \uc0c8\ub85c\uc6b4 \ud504\ub85c\uc81d\ud2b8\ub97c \uc0dd\uc131\ud569\ub2c8\ub2e4. \ud504\ub85c\uc81d\ud2b8\uc758 \uc774\ub984\uc740 “StopwatchApp”\uc73c\ub85c \uc124\uc815\ud558\uace0, \uc5b8\uc5b4\ub294 Kotlin\uc744 \uc120\ud0dd\ud569\ub2c8\ub2e4. Minimum SDK\ub294 API 21 (Lollipop) \uc774\uc0c1\uc73c\ub85c \uc124\uc815\ud569\ub2c8\ub2e4.<\/p>\n

1.1. Gradle \uc885\uc18d\uc131 \ucd94\uac00<\/h3>\n

\uc2a4\ud1b1\uc6cc\uce58\uc758 UI \uc694\uc18c\ub4e4\uc744 \uad6c\ud604\ud558\uae30 \uc704\ud574 \ud2b9\ubcc4\ud55c \ub77c\uc774\ube0c\ub7ec\ub9ac\uac00 \ud544\uc694\ud558\uc9c0 \uc54a\uc9c0\ub9cc, ViewModel<\/code>\uacfc LiveData<\/code>\ub97c \uc0ac\uc6a9\ud558\uc5ec UI \uc0c1\ud0dc\ub97c \uad00\ub9ac\ud560 \uac83\uc785\ub2c8\ub2e4. \ub530\ub77c\uc11c, \ub2e4\uc74c\uacfc \uac19\uc740 \uc885\uc18d\uc131\uc744 build.gradle<\/code> \ud30c\uc77c\uc5d0 \ucd94\uac00\ud569\ub2c8\ub2e4.<\/p>\n

implementation \"androidx.lifecycle:lifecycle-viewmodel-ktx:2.4.0\"\nimplementation \"androidx.lifecycle:lifecycle-livedata-ktx:2.4.0\"<\/code><\/pre>\n
2. UI \uc124\uacc4<\/h2>\n
\uc2a4\ud1b1\uc6cc\uce58\uc758 UI\ub294 \uae30\ubcf8\uc801\uc73c\ub85c TextView<\/code>\uc640 Button<\/code>\uc73c\ub85c \uad6c\uc131\ub429\ub2c8\ub2e4. activity_main.xml<\/code> \ud30c\uc77c\uc744 \uc5f4\uace0 \ub2e4\uc74c\uacfc \uac19\uc774 UI\ub97c \uc124\uacc4\ud569\ub2c8\ub2e4.<\/p>\n
<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<LinearLayout 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    android:gravity=\"center\">\n\n    <TextView\n        android:id=\"@+id\/tvStopwatch\"\n        android:layout_width=\"wrap_content\"\n        android:layout_height=\"wrap_content\"\n        android:textSize=\"48sp\"\n        android:text=\"00:00:00\"\n        android:layout_marginBottom=\"20dp\"\/>\n\n    <Button\n        android:id=\"@+id\/btnStart\"\n        android:layout_width=\"wrap_content\"\n        android:layout_height=\"wrap_content\"\n        android:text=\"\uc2dc\uc791\"\/>\n\n    <Button\n        android:id=\"@+id\/btnStop\"\n        android:layout_width=\"wrap_content\"\n        android:layout_height=\"wrap_content\"\n        android:text=\"\uc815\uc9c0\"\/>\n\n    <Button\n        android:id=\"@+id\/btnReset\"\n        android:layout_width=\"wrap_content\"\n        android:layout_height=\"wrap_content\"\n        android:text=\"\ub9ac\uc14b\"\/>\n\n<\/LinearLayout><\/code><\/pre>\n
3. \ub85c\uc9c1 \uad6c\ud604<\/h2>\n
MainActivity.kt \ud30c\uc77c\uc744 \uc5f4\uace0 \uc2a4\ud1b1\uc6cc\uce58\uc758 \ub85c\uc9c1\uc744 \uad6c\ud604\ud569\ub2c8\ub2e4. \uc6b0\ub9ac\ub294 CountDownTimer<\/code>\ub97c \ud65c\uc6a9\ud558\uc5ec \uc2a4\ud1b1\uc6cc\uce58\uc758 \uc2dc\uac04\uc744 \uce74\uc6b4\ud2b8\ud560 \uac83\uc785\ub2c8\ub2e4.<\/p>\n
3.1. ViewModel \uc0dd\uc131<\/h3>\n
\uc2a4\ud1b1\uc6cc\uce58\uc758 \uc0c1\ud0dc\ub97c \uad00\ub9ac\ud558\uae30 \uc704\ud574 ViewModel \ud074\ub798\uc2a4\ub97c \uc0dd\uc131\ud569\ub2c8\ub2e4. \uc774\ub97c \ud1b5\ud574 UI \uad00\ub828 \ub370\uc774\ud130\ub97c \uc800\uc7a5\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n
class StopwatchViewModel : ViewModel() {\n    private var timer: CountDownTimer? = null\n    private var time = 0L\n    private val _formattedTime = MutableLiveData()\n\n    val formattedTime: LiveData get() = _formattedTime\n\n    private fun updateTime() {\n        val hours = (time \/ 3600000) % 24\n        val minutes = (time \/ 60000) % 60\n        val seconds = (time \/ 1000) % 60\n        _formattedTime.value = String.format(\"%02d:%02d:%02d\", hours, minutes, seconds)\n    }\n\n    fun start() {\n        timer = object : CountDownTimer(Long.MAX_VALUE, 1000) {\n            override fun onTick(millisUntilFinished: Long) {\n                time += 1000\n                updateTime()\n            }\n\n            override fun onFinish() {}\n        }.start()\n    }\n\n    fun stop() {\n        timer?.cancel()\n    }\n\n    fun reset() {\n        stop()\n        time = 0\n        updateTime()\n    }\n}<\/string><\/string><\/code><\/pre>\n
3.2. MainActivity \uad6c\ud604<\/h3>\n
\uc774\uc81c MainActivity.kt \ud30c\uc77c\uc5d0\uc11c ViewModel\uc744 \uc0ac\uc6a9\ud558\uc5ec \ubc84\ud2bc \ud074\ub9ad \uc774\ubca4\ud2b8\ub97c \ucc98\ub9ac\ud569\ub2c8\ub2e4.<\/p>\n
class MainActivity : AppCompatActivity() {\n    private lateinit var viewModel: StopwatchViewModel\n    private lateinit var tvStopwatch: TextView\n    private lateinit var btnStart: Button\n    private lateinit var btnStop: Button\n    private lateinit var btnReset: Button\n\n    override fun onCreate(savedInstanceState: Bundle?) {\n        super.onCreate(savedInstanceState)\n        setContentView(R.layout.activity_main)\n\n        viewModel = ViewModelProvider(this).get(StopwatchViewModel::class.java)\n        tvStopwatch = findViewById(R.id.tvStopwatch)\n        btnStart = findViewById(R.id.btnStart)\n        btnStop = findViewById(R.id.btnStop)\n        btnReset = findViewById(R.id.btnReset)\n\n        viewModel.formattedTime.observe(this, { time ->\n            tvStopwatch.text = time\n        })\n\n        btnStart.setOnClickListener {\n            viewModel.start()\n        }\n\n        btnStop.setOnClickListener {\n            viewModel.stop()\n        }\n\n        btnReset.setOnClickListener {\n            viewModel.reset()\n        }\n    }\n}<\/code><\/pre>\n
4. \uc571 \uc2e4\ud589 \ubc0f \ud14c\uc2a4\ud2b8<\/h2>\n
\uc774\uc81c \uc571\uc744 \uc2e4\ud589\ud558\uace0 \uc2a4\ud1b1\uc6cc\uce58 \uae30\ub2a5\uc744 \ud14c\uc2a4\ud2b8\ud574\ubd05\uc2dc\ub2e4. \uc2dc\uc791 \ubc84\ud2bc\uc744 \ub204\ub974\uba74 \uc2a4\ud1b1\uc6cc\uce58\uac00 \uc2dc\uc791\ub418\uace0, \uc815\uc9c0 \ubc84\ud2bc\uc73c\ub85c \uc2dc\uac04\uc744 \uba48\ucd9c \uc218 \uc788\uc73c\uba70, \ub9ac\uc14b \ubc84\ud2bc\uc73c\ub85c \uc2dc\uac04\uc744 \ucd08\uae30\ud654\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n
5. \uac1c\uc120 \uc0ac\ud56d<\/h2>\n
\uae30\ubcf8 \uc2a4\ud1b1\uc6cc\uce58 \uae30\ub2a5\uc774 \uad6c\ud604\ub418\uc5c8\uc9c0\ub9cc, \ucd94\uac00\uc801\uc73c\ub85c \ub2e4\uc74c\uacfc \uac19\uc740 \uae30\ub2a5\ub4e4\uc744 \uac1c\uc120\ud558\uc5ec \uad6c\ud604\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4:<\/p>\n