diff --git a/app/src/main/java/com/example/remind/core/common/component/BasicTextButton.kt b/app/src/main/java/com/example/remind/core/common/component/BasicTextButton.kt
new file mode 100644
index 0000000..9c71b0c
--- /dev/null
+++ b/app/src/main/java/com/example/remind/core/common/component/BasicTextButton.kt
@@ -0,0 +1,53 @@
+package com.example.remind.core.common.component
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.text.PlatformTextStyle
+import androidx.compose.ui.text.TextStyle
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.text.style.LineHeightStyle
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.unit.Dp
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import com.example.remind.core.designsystem.theme.Pretendard
+import com.example.remind.core.designsystem.theme.RemindTheme
+
+@Composable
+fun BasicTextButton(
+    modifier: Modifier = Modifier,
+    backgroundColor: Color,
+    text: String,
+    textColor: Color,
+    onClick: () -> Unit,
+    verticalPadding: Dp,
+    enable: Boolean
+) {
+    Box(
+        modifier = modifier
+            .fillMaxWidth()
+            .clip(RoundedCornerShape(12.dp))
+            .background(color = backgroundColor)
+            .clickable(
+                enabled = enable,
+                onClick = onClick
+            )
+    ) {
+        Text(
+            modifier = modifier
+                .padding(vertical = verticalPadding),
+            text = text,
+            textAlign = TextAlign.Center,
+            style = RemindTheme.typography.c1Medium.copy(color = textColor)
+        )
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/example/remind/core/common/component/MedicineItem.kt b/app/src/main/java/com/example/remind/core/common/component/MedicineItem.kt
new file mode 100644
index 0000000..a7329a1
--- /dev/null
+++ b/app/src/main/java/com/example/remind/core/common/component/MedicineItem.kt
@@ -0,0 +1,108 @@
+package com.example.remind.core.common.component
+
+import androidx.compose.foundation.background
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.width
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material3.Icon
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import com.example.remind.R
+import com.example.remind.core.designsystem.theme.RemindTheme
+
+@Composable
+fun MedicineItem(
+    modifier: Modifier = Modifier,
+    time: String,
+    score: Float,
+    doseClick: () -> Unit,
+    unadministeredClick: () -> Unit,
+) {
+    Box(
+        modifier = modifier
+            .background(color = RemindTheme.colors.slate_50, shape = RoundedCornerShape(12.dp))
+    ) {
+        Column(
+            horizontalAlignment = Alignment.Start,
+        ) {
+            Text(
+                modifier = modifier.padding(start = 12.dp, top = 7.dp),
+                text = time,
+                style = RemindTheme.typography.b3Bold.copy(color = RemindTheme.colors.slate_600)
+            )
+            Row(
+                modifier = modifier.padding(
+                    start = 12.dp,
+                    end = 12.dp,
+                    top = 2.dp,
+                    bottom = 4.dp
+                )
+            ) {
+                Text(
+                    text = stringResource(id = R.string.중요도),
+                    style = RemindTheme.typography.c3Medium.copy(color = RemindTheme.colors.slate_400)
+                )
+                Spacer(modifier = modifier.width(6.dp))
+                StarRatingBar(
+                    rating = score,
+                    onRatingChanged = {}
+                )
+            }
+            Spacer(modifier = modifier.height(4.dp))
+            Row() {
+                //시간이 정해져있을 경우 바꿔지도록 하기
+                Text(
+                    modifier = modifier
+                        .weight(0.5f)
+                        .background(
+                            color = RemindTheme.colors.main_6,
+                            shape = RoundedCornerShape(bottomStart = 12.dp)
+                        )
+                        .clickable { doseClick },
+                    text = stringResource(id = R.string.복용),
+                    textAlign= TextAlign.Center,
+                    style = RemindTheme.typography.c1Bold.copy(
+                        color = RemindTheme.colors.white,
+                        lineHeight = 20.sp
+                    )
+                )
+                Spacer(modifier = modifier.width(2.dp))
+                Text(
+                    modifier = modifier
+                        .weight(0.5f)
+                        .background(
+                            color = RemindTheme.colors.main_5,
+                            shape = RoundedCornerShape(bottomEnd = 12.dp)
+                        )
+                        .clickable { unadministeredClick },
+                    text = stringResource(id = R.string.미복용),
+                    textAlign= TextAlign.Center,
+                    style = RemindTheme.typography.c1Bold.copy(
+                        color = RemindTheme.colors.white,
+                        lineHeight = 20.sp
+                    )
+                )
+            }
+        }
+    }
+}
+
+@Preview
+@Composable
+fun ItemPreview() {
+    //MedicineItem(time = "아침", score= 2.0, doseClick = {}, unadministeredClick = {})
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/example/remind/core/common/component/StarRatingBar.kt b/app/src/main/java/com/example/remind/core/common/component/StarRatingBar.kt
new file mode 100644
index 0000000..b00a519
--- /dev/null
+++ b/app/src/main/java/com/example/remind/core/common/component/StarRatingBar.kt
@@ -0,0 +1,58 @@
+package com.example.remind.core.common.component
+
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.width
+import androidx.compose.foundation.selection.selectable
+import androidx.compose.foundation.selection.selectableGroup
+import androidx.compose.material3.Icon
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.vector.ImageVector
+import androidx.compose.ui.platform.LocalDensity
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.unit.dp
+import com.example.remind.R
+import com.example.remind.core.designsystem.theme.RemindTheme
+
+@Composable
+fun StarRatingBar(
+    maxStars: Int = 3,
+    rating: Float,
+    onRatingChanged: (Float) -> Unit
+) {
+    val density = LocalDensity.current.density
+    val starSize = (12f * density).dp
+    val starSpacing = (0.5f * density).dp
+
+    Row(
+        modifier = Modifier.selectableGroup(),
+        verticalAlignment = Alignment.CenterVertically
+    ) {
+        for (i in 1..maxStars) {
+            val isSelected = i <= rating
+            val icon = if (isSelected) R.drawable.ic_star_fill else R.drawable.ic_star_unfill
+            val iconTintColor = if (isSelected) RemindTheme.colors.main_4 else RemindTheme.colors.slate_200
+            Icon(
+                painter = painterResource(id = icon),
+                contentDescription = null,
+                tint = iconTintColor,
+                modifier = Modifier
+                    .selectable(
+                        selected = isSelected,
+                        onClick = {
+                            onRatingChanged(i.toFloat())
+                        }
+                    )
+                    .width(starSize)
+                    .height(starSize)
+            )
+
+            if (i < maxStars) {
+                Spacer(modifier = Modifier.width(starSpacing))
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/example/remind/data/model/CalendarUiModel.kt b/app/src/main/java/com/example/remind/data/model/CalendarUiModel.kt
new file mode 100644
index 0000000..baa1459
--- /dev/null
+++ b/app/src/main/java/com/example/remind/data/model/CalendarUiModel.kt
@@ -0,0 +1,24 @@
+package com.example.remind.data.model
+
+import android.os.Build
+import androidx.annotation.RequiresApi
+import java.time.LocalDate
+import java.time.format.DateTimeFormatter
+import java.util.Date
+
+data class CalendarUiModel(
+    val selectedDate: Date,
+    val visibleDates: List<Date>
+) {
+    val startDate: Date = visibleDates.first()
+    val endDate: Date = visibleDates.last()
+
+    data class Date(
+        val date: LocalDate,
+        val isSelected: Boolean,
+        val isToday: Boolean
+    ) {
+        @RequiresApi(Build.VERSION_CODES.O)
+        val day: String = date.format(DateTimeFormatter.ofPattern("E"))
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/example/remind/data/repository/CalendarDataSource.kt b/app/src/main/java/com/example/remind/data/repository/CalendarDataSource.kt
new file mode 100644
index 0000000..4334077
--- /dev/null
+++ b/app/src/main/java/com/example/remind/data/repository/CalendarDataSource.kt
@@ -0,0 +1,55 @@
+package com.example.remind.data.repository
+
+import android.os.Build
+import androidx.annotation.RequiresApi
+import com.example.remind.data.model.CalendarUiModel
+import java.time.DayOfWeek
+import java.time.LocalDate
+import java.time.temporal.ChronoUnit
+import java.util.stream.Collectors
+import java.util.stream.Stream
+
+class CalendarDataSource {
+    val today: LocalDate
+        @RequiresApi(Build.VERSION_CODES.O)
+        get() {
+            return LocalDate.now()
+        }
+    @RequiresApi(Build.VERSION_CODES.O)
+    fun getData(startDate: LocalDate = today, lastSelectedDate: LocalDate): CalendarUiModel {
+        val firstDayOfWeek = startDate.with(DayOfWeek.MONDAY)
+        val endDayOfWeek = firstDayOfWeek.plusDays(7)
+        val visibleDates = getDateBetween(firstDayOfWeek,endDayOfWeek)
+        return toUiModel(visibleDates, lastSelectedDate)
+    }
+
+    @RequiresApi(Build.VERSION_CODES.O)
+    private fun getDateBetween(startDate: LocalDate, endDate: LocalDate): List<LocalDate> {
+        val numOfDays = ChronoUnit.DAYS.between(startDate, endDate)
+        return Stream.iterate(startDate) { date ->
+            date.plusDays(1)
+        }
+            .limit(numOfDays)
+            .collect(Collectors.toList())
+    }
+
+    @RequiresApi(Build.VERSION_CODES.O)
+    private fun toUiModel(
+        dateList: List<LocalDate>,
+        lastSelectedDate: LocalDate
+    ): CalendarUiModel {
+        return CalendarUiModel(
+            selectedDate = toItemUiModel(lastSelectedDate, true),
+            visibleDates = dateList.map {
+                toItemUiModel(it, it.isEqual(lastSelectedDate))
+            }
+        )
+    }
+
+    @RequiresApi(Build.VERSION_CODES.O)
+    private fun toItemUiModel(date: LocalDate, isSelectedDate: Boolean) = CalendarUiModel.Date(
+        isSelected = isSelectedDate,
+        isToday = date.isEqual(today),
+        date = date
+    )
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/example/remind/feature/screens/patience/CheeringScreen.kt b/app/src/main/java/com/example/remind/feature/screens/patience/CheeringScreen.kt
new file mode 100644
index 0000000..341a6ab
--- /dev/null
+++ b/app/src/main/java/com/example/remind/feature/screens/patience/CheeringScreen.kt
@@ -0,0 +1,28 @@
+package com.example.remind.feature.screens.patience
+
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.painter.Painter
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.tooling.preview.Preview
+import com.example.remind.R
+import com.example.remind.core.designsystem.theme.RemindTheme
+
+@Composable
+fun CheeringScreen(){
+    RemindTheme {
+        Image(
+            modifier = Modifier.fillMaxSize(),
+            painter = painterResource(id = R.drawable.img_example_cheer),
+            contentDescription = null
+        )
+    }
+}
+
+@Preview
+@Composable
+fun CheeringPreview() {
+    CheeringScreen()
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/example/remind/feature/screens/patience/HomeScreen.kt b/app/src/main/java/com/example/remind/feature/screens/patience/HomeScreen.kt
index 08dde4e..9565119 100644
--- a/app/src/main/java/com/example/remind/feature/screens/patience/HomeScreen.kt
+++ b/app/src/main/java/com/example/remind/feature/screens/patience/HomeScreen.kt
@@ -1,38 +1,390 @@
 package com.example.remind.feature.screens.patience
 
+import android.os.Build
+import androidx.annotation.RequiresApi
 import androidx.compose.foundation.ExperimentalFoundationApi
 import androidx.compose.foundation.Image
 import androidx.compose.foundation.background
+import androidx.compose.foundation.border
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.size
-import androidx.compose.foundation.layout.width
-import androidx.compose.foundation.lazy.LazyColumn
-import androidx.compose.foundation.lazy.itemsIndexed
+import androidx.compose.foundation.layout.wrapContentSize
+import androidx.compose.foundation.lazy.LazyRow
+import androidx.compose.foundation.lazy.items
+import androidx.compose.foundation.rememberScrollState
+import androidx.compose.foundation.shape.CircleShape
 import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.foundation.verticalScroll
+import androidx.compose.material3.Card
+import androidx.compose.material3.CardDefaults
 import androidx.compose.material3.Icon
+import androidx.compose.material3.IconButton
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.clip
+import androidx.compose.ui.draw.shadow
+import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.res.painterResource
 import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
 import com.example.remind.R
+import com.example.remind.core.common.component.BasicButton
 import com.example.remind.core.common.component.BasicListItem
 import com.example.remind.core.designsystem.theme.RemindTheme
+import com.example.remind.data.model.CalendarUiModel
+import com.example.remind.data.repository.CalendarDataSource
 import com.example.remind.feature.viewmodel.CustomViewModel
 
+@RequiresApi(Build.VERSION_CODES.O)
 @Composable
 fun HomeScreen(){
+    val dataSource = CalendarDataSource()
+    var calendarUiModel by remember { mutableStateOf(dataSource.getData(lastSelectedDate = dataSource.today)) }
+    val scrollState = rememberScrollState()
+    RemindTheme {
+        Column(
+            modifier = Modifier
+                .fillMaxSize()
+                .background(color = RemindTheme.colors.white)
+        ) {
+            HomeTopBar(onClick = {})
+            DateSelectHeader(previousBtn = {}, nextBtn = {}, calendarBtn = {})
+            Content(
+                modifier = Modifier.fillMaxWidth(),
+                data = calendarUiModel,
+                onDateClicked = { date ->
+                    calendarUiModel = calendarUiModel.copy(
+                        selectedDate = date,
+                        visibleDates = calendarUiModel.visibleDates.map {
+                            it.copy(
+                                isSelected = it.date.isEqual(date.date)
+                            )
+                        }
+                    )
+                }
+            )
+            Spacer(modifier = Modifier.height(10.dp))
+            Box(
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .shadow(
+                        shape = RoundedCornerShape(
+                            topStart = 20.dp,
+                            topEnd = 20.dp,
+                            bottomStart = 0.dp,
+                            bottomEnd = 0.dp
+                        ),
+                        elevation = 2.dp,
+                        ambientColor = Color(0xFF042340).copy(alpha = 0.4f),
+                    )
+                    .background(
+                        shape = RoundedCornerShape(
+                            topStart = 20.dp,
+                            topEnd = 20.dp,
+                            bottomStart = 0.dp,
+                            bottomEnd = 0.dp
+                        ),
+                        color = RemindTheme.colors.white,
+                    )
+            ) {
+                Column(
+                    modifier = Modifier
+                        .padding(horizontal = 20.dp)
+                        .verticalScroll(scrollState),
+                    horizontalAlignment = Alignment.Start
+                ) {
+                    Spacer(modifier = Modifier.height(20.dp))
+                    Text(
+                        text = stringResource(id = R.string.약_복용_체크),
+                        style = RemindTheme.typography.b2Bold.copy(color = Color(0xFF1F2937))
+                    )
+                    Spacer(modifier = Modifier.height(10.dp))
+                    EmptyMedicineList()
+                    Spacer(modifier = Modifier.height(23.dp))
+                    Text(
+                        text = stringResource(id = R.string.오늘_하루_기분이_어떠셨나요),
+                        style = RemindTheme.typography.b2Bold.copy(color = Color(0xFF1F2937))
+                    )
+                    Spacer(modifier = Modifier.height(2.dp))
+                    Text(
+                        text = stringResource(id = R.string.당신의_하루가_궁금해요),
+                        style = RemindTheme.typography.b3Medium.copy(color = Color(0xFF9B9B9B))
+                    )
+                    Spacer(modifier = Modifier.height(10.dp))
+                    EmptyTodayMoodContainer(clickToWrite = {})
+                    Spacer(modifier = Modifier.height(80.dp))
+                }
+            }
+        }
+    }
+}
+
+@Composable
+fun HomeTopBar(
+    modifier: Modifier = Modifier,
+    onClick: () -> Unit
+) {
+    Row(
+        modifier = modifier
+            .fillMaxWidth()
+            .background(color = RemindTheme.colors.white)
+            .padding(start = 20.dp, end = 20.dp, top = 23.6.dp),
+        horizontalArrangement = Arrangement.SpaceBetween,
+        verticalAlignment = Alignment.CenterVertically
+    ) {
+        Image(
+            painter = painterResource(id = R.drawable.ic_logo),
+            contentDescription = null,
+            modifier = modifier
+                .size(
+                    width = 37.dp,
+                    height = 22.dp
+                )
+        )
+        Spacer(Modifier.weight(1f))
+        IconButton(
+            onClick = onClick,
+        ) {
+            Icon(
+                painter = painterResource(id = R.drawable.ic_sos),
+                contentDescription = null,
+                modifier = modifier
+                    .size(width = 24.dp, height = 32.dp),
+                tint = RemindTheme.colors.sub_3
+            )
+        }
+    }
+}
+
+@Composable
+fun DateSelectHeader(
+    modifier: Modifier = Modifier,
+    previousBtn: () -> Unit,
+    nextBtn: () -> Unit,
+    calendarBtn: () -> Unit
+) {
+    Row(
+        modifier = modifier
+            .fillMaxWidth()
+            .background(color = RemindTheme.colors.white)
+            .padding(start = 20.dp, end = 20.dp),
+        verticalAlignment = Alignment.CenterVertically
+    ) {
+        Text(
+            text = "2024년 4월 1주차",
+            style = RemindTheme.typography.c1Medium.copy(color = RemindTheme.colors.grayscale_3)
+        )
+        Spacer(modifier = modifier.weight(1f))
+        IconButton(
+            onClick = nextBtn,
+        ) {
+            Icon(
+                painter = painterResource(id = R.drawable.ic_calendar_previous),
+                contentDescription = null,
+                modifier = Modifier
+                    .size(width = 17.dp, height = 17.dp),
+                tint = RemindTheme.colors.slate_400
+            )
+        }
+        IconButton(
+            onClick = calendarBtn,
+        ) {
+            Icon(
+                painter = painterResource(id = R.drawable.ic_calendar_next),
+                contentDescription = null,
+                modifier = modifier
+                    .size(width = 17.dp, height = 17.dp),
+                tint = RemindTheme.colors.slate_400
+            )
+        }
+        IconButton(
+            onClick = calendarBtn,
+        ) {
+            Icon(
+                painter = painterResource(id = R.drawable.ic_calendar),
+                contentDescription = null,
+                modifier = modifier
+                    .size(width = 14.dp, height = 14.dp),
+                tint = RemindTheme.colors.slate_500
+            )
+        }
+    }
+}
 
+@RequiresApi(Build.VERSION_CODES.O)
+@Composable
+fun Content(
+    modifier: Modifier = Modifier,
+    data: CalendarUiModel,
+    onDateClicked: (CalendarUiModel.Date) -> Unit
+) {
+    LazyRow(
+        modifier = modifier.fillMaxWidth(),
+        horizontalArrangement = Arrangement.SpaceEvenly
+    ) {
+        items(items = data.visibleDates) { date ->
+            DayItem(
+                date = date,
+                onDateClicked = onDateClicked
+            )
+        }
+    }
 }
 
+@RequiresApi(Build.VERSION_CODES.O)
+@Composable
+fun DayItem(
+    modifier: Modifier = Modifier,
+    date: CalendarUiModel.Date,
+    onDateClicked: (CalendarUiModel.Date) -> Unit
+) {
+    Card(
+        modifier = modifier
+            .clickable {
+                onDateClicked(date)
+            },
+        colors = CardDefaults.cardColors(
+            containerColor = if (date.isSelected) RemindTheme.colors.main_6 else RemindTheme.colors.white
+        )
+    ) {
+        Column(
 
+        ) {
+            Text(
+                text = date.day,
+                modifier = Modifier
+                    .align(Alignment.CenterHorizontally)
+                    .padding(top = 6.dp, bottom = 7.dp),
+                style = RemindTheme.typography.b2Medium.copy(
+                    color = if(date.isSelected) RemindTheme.colors.white else RemindTheme.colors.slate_800
+                )
+            )
+            Text(
+                text = date.date.dayOfMonth.toString(),
+                modifier = Modifier
+                    .align(Alignment.CenterHorizontally)
+                    .padding(vertical = 1.dp, horizontal = 7.dp)
+                    .background(color = RemindTheme.colors.white, shape = CircleShape),
+                style = RemindTheme.typography.b2Medium.copy(color = RemindTheme.colors.slate_800)
+            )
+            Spacer(modifier = modifier.height(3.dp))
+        }
+    }
+}
+@Composable
+fun EmptyMedicineList(
+    modifier: Modifier = Modifier
+) {
+    Box(
+        modifier = modifier
+            .fillMaxWidth()
+            .border(
+                width = 1.dp,
+                color = RemindTheme.colors.grayscale_1,
+                shape = RoundedCornerShape(12.dp)
+            )
+    ) {
+        Text(
+            modifier = modifier
+                .align(Alignment.Center)
+                .padding(vertical = 30.dp),
+            text = stringResource(id = R.string.등록된_약이_없어요),
+            style = RemindTheme.typography.c1Medium.copy(color = RemindTheme.colors.slate_400)
+        )
+    }
+}
+
+@Composable
+fun EmptyTodayMoodContainer(
+    modifier: Modifier = Modifier,
+    clickToWrite: () -> Unit
+) {
+    Box(
+        modifier = modifier
+            .fillMaxWidth()
+            .border(
+                width = 1.dp,
+                color = RemindTheme.colors.grayscale_1,
+                shape = RoundedCornerShape(12.dp)
+            )
+    ) {
+        Image(
+            modifier = modifier
+                .padding(
+                    start = 50.dp,
+                    end = 50.dp,
+                    top = 21.dp,
+                    bottom = 70.dp
+                )
+                .align(Alignment.Center),
+            painter = painterResource(id = R.drawable.img_emptymood),
+            contentDescription = null
+        )
+        BasicButton(
+            modifier = modifier
+                .align(Alignment.BottomCenter)
+                .fillMaxWidth()
+                .padding(start = 53.dp, end = 54.dp, bottom = 31.dp),
+            text = stringResource(id = R.string.오늘의_기분_기록하기),
+            RoundedCorner = 29.dp,
+            backgroundColor = RemindTheme.colors.main_6,
+            textColor =  RemindTheme.colors.white,
+            verticalPadding = 10.dp,
+            onClick = clickToWrite,
+            textStyle = RemindTheme.typography.b2Bold
+        )
+    }
+}
+//다이얼로그
+@Composable
+fun DialogContent() {
+    Column {
+        Spacer(
+            modifier = Modifier
+                .height(9.dp)
+                .fillMaxWidth()
+        )
+        Text(
+            text = stringResource(id = R.string.약_미복용_사유),
+            textAlign = TextAlign.Center,
+            modifier = Modifier
+                .fillMaxWidth()
+                .wrapContentSize()
+                .padding(top = 9.dp),
+            style = RemindTheme.typography.b1Bold.copy(color = RemindTheme.colors.text)
+        )
+        Spacer(
+            modifier = Modifier
+                .height(29.dp)
+                .fillMaxWidth()
+        )
+
+    }
+}
+
+
+
+@RequiresApi(Build.VERSION_CODES.O)
+@Preview
+@Composable
+fun HomePreview() {
+    EmptyTodayMoodContainer(clickToWrite = {})
+}
 
diff --git a/app/src/main/java/com/example/remind/feature/screens/patience/MedicineScreen.kt b/app/src/main/java/com/example/remind/feature/screens/patience/MedicineScreen.kt
index aaf729c..5affb14 100644
--- a/app/src/main/java/com/example/remind/feature/screens/patience/MedicineScreen.kt
+++ b/app/src/main/java/com/example/remind/feature/screens/patience/MedicineScreen.kt
@@ -4,16 +4,35 @@ import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.mutableIntStateOf
+import androidx.compose.runtime.mutableStateListOf
+import androidx.compose.runtime.remember
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.unit.sp
-
+import com.example.remind.core.designsystem.theme.RemindTheme
+import com.patrykandpatrick.vico.compose.style.ChartStyle
+import com.patrykandpatrick.vico.core.chart.line.LineChart
+import com.patrykandpatrick.vico.core.entry.ChartEntryModelProducer
+import com.patrykandpatrick.vico.core.entry.FloatEntry
+import com.patrykandpatrick.vico.views.chart.line.lineSpec
+//그래프 연습용
 @Composable
 fun MedicineScreen(){
-    Box(modifier = Modifier
-        .fillMaxSize(),
-        contentAlignment = Alignment.Center){
-        Text(text = "ThirdScreen",
-            fontSize = 22.sp)
-    }
+//    val refreshDataset = remember { mutableIntStateOf(0) }
+//    val modelProducer = remember {ChartEntryModelProducer()}
+//    val datasetForModel = remember { mutableStateListOf<FloatEntry>() }
+//    val datasetLineSpec = remember{ arrayListOf<LineChart.LineSpec>() }
+//    LaunchedEffect(refreshDataset.intValue) {
+//        datasetForModel.clear()
+//        datasetLineSpec.clear()
+//        var xPos = 0f
+//        val dataPoints = arrayListOf<FloatEntry>()
+//        datasetLineSpec.add(
+//        )
+//    }
+//    RemindTheme {
+//
+//    }
 }
\ No newline at end of file
diff --git a/app/src/main/java/com/example/remind/feature/screens/patience/MoodChartScreen.kt b/app/src/main/java/com/example/remind/feature/screens/patience/MoodChartScreen.kt
index 396255c..40cc517 100644
--- a/app/src/main/java/com/example/remind/feature/screens/patience/MoodChartScreen.kt
+++ b/app/src/main/java/com/example/remind/feature/screens/patience/MoodChartScreen.kt
@@ -2,19 +2,103 @@ package com.example.remind.feature.screens.patience
 
 import android.content.Context
 import android.util.Log
+import androidx.compose.foundation.background
+import androidx.compose.foundation.border
+import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.rememberScrollState
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.foundation.verticalScroll
 import androidx.compose.material3.Button
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
+import androidx.compose.runtime.remember
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.platform.LocalContext
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import com.example.remind.R
+import com.example.remind.core.common.component.BasicButton
+import com.example.remind.core.common.component.BasicTextButton
+import com.example.remind.core.designsystem.theme.RemindTheme
+import com.example.remind.feature.screens.auth.onboarding.typeButton
 import com.kakao.sdk.auth.model.OAuthToken
 import com.kakao.sdk.common.model.ClientError
 import com.kakao.sdk.common.model.ClientErrorCause
 import com.kakao.sdk.user.UserApiClient
+import com.patrykandpatrick.vico.compose.chart.Chart
+import com.patrykandpatrick.vico.compose.style.ChartStyle
+import com.patrykandpatrick.vico.views.chart.line.lineChart
 
 @Composable
-fun MoodChartScreen(){
-    val context = LocalContext.current
-    Column() {
+fun MoodChartScreen() {
+    val scrollState = rememberScrollState()
+    RemindTheme {
+        Column(
+            modifier = Modifier
+                .padding(horizontal = 20.dp)
+                .verticalScroll(scrollState)
+        ) {
+            Spacer(modifier = Modifier.height(19.6.dp))
+            Text(
+                text = stringResource(id = R.string.무드_차트),
+                style = RemindTheme.typography.h2Bold.copy(Color(0xFF303030))
+            )
+            Spacer(modifier = Modifier.height(22.dp))
+            BasicTextButton(
+                modifier = Modifier.fillMaxWidth(),
+                backgroundColor = RemindTheme.colors.slate_600,
+                text = "17일째 연속으로 기록 중이에요! 파이팅:)",
+                textColor = RemindTheme.colors.slate_100,
+                onClick = {  },
+                verticalPadding = 6.dp,
+                enable = false
+            )
+            Spacer(modifier = Modifier.height(12.dp))
+            Text(
+                text = stringResource(id = R.string.주간_차트_기록),
+                style = RemindTheme.typography.b1Bold.copy(color = RemindTheme.colors.slate_800,)
+            )
+            Spacer(modifier = Modifier.height(8.dp))
+            BasicButton(
+                text = "기록 확인",
+                RoundedCorner = 12.dp,
+                backgroundColor = RemindTheme.colors.main_6,
+                textColor = RemindTheme.colors.white,
+                verticalPadding = 18.dp,
+                onClick = {  },
+                textStyle = RemindTheme.typography.b3Bold
+            )
         }
     }
+}
+
+//@Composable
+//fun MoodChart(
+//    modifier: Modifier = Modifier
+//) {
+//    Box(
+//        modifier = modifier
+//            .background(RemindTheme.colors.white, shape = RoundedCornerShape(12.dp))
+//            .border(width = 1.dp, color = RemindTheme.colors.grayscale_2, shape = RoundedCornerShape(12.dp))
+//    ) {
+//        Chart(
+//            modifier = modifier.align(Alignment.Center),
+//            chart = lineChart(),
+//            chartModelProducer =
+//        )
+//    }
+//}
+
+@Preview
+@Composable
+fun ChartPreview() {
+
+}
diff --git a/app/src/main/res/drawable/ic_close.xml b/app/src/main/res/drawable/ic_close.xml
new file mode 100644
index 0000000..0394d31
--- /dev/null
+++ b/app/src/main/res/drawable/ic_close.xml
@@ -0,0 +1,20 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="26dp"
+    android:viewportWidth="24"
+    android:viewportHeight="26">
+  <path
+      android:pathData="M18,6.886L6,18.993"
+      android:strokeLineJoin="round"
+      android:strokeWidth="2"
+      android:fillColor="#00000000"
+      android:strokeColor="#4B5563"
+      android:strokeLineCap="round"/>
+  <path
+      android:pathData="M6,6.886L18,18.993"
+      android:strokeLineJoin="round"
+      android:strokeWidth="2"
+      android:fillColor="#00000000"
+      android:strokeColor="#4B5563"
+      android:strokeLineCap="round"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_phone_fill.xml b/app/src/main/res/drawable/ic_phone_fill.xml
new file mode 100644
index 0000000..37b91eb
--- /dev/null
+++ b/app/src/main/res/drawable/ic_phone_fill.xml
@@ -0,0 +1,12 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="60dp"
+    android:height="60dp"
+    android:viewportWidth="60"
+    android:viewportHeight="60">
+  <path
+      android:pathData="M0,29.997a30,29.997 0,1 0,60 0a30,29.997 0,1 0,-60 0z"
+      android:fillColor="#49B3D5"/>
+  <path
+      android:pathData="M20.952,12.839L23.011,12.21C24.14,11.864 25.353,11.948 26.425,12.444C27.497,12.94 28.355,13.815 28.838,14.906L30.43,18.5C30.846,19.438 30.961,20.485 30.761,21.493C30.561,22.502 30.054,23.421 29.313,24.123L26.675,26.619C26.598,26.691 26.549,26.79 26.537,26.896C26.46,27.607 26.934,28.992 28.03,30.918C28.824,32.317 29.546,33.301 30.158,33.851C30.587,34.236 30.822,34.318 30.923,34.29L34.47,33.188C35.438,32.887 36.475,32.902 37.435,33.229C38.396,33.557 39.231,34.181 39.824,35.015L42.082,38.197C42.77,39.164 43.089,40.352 42.979,41.54C42.869,42.727 42.339,43.834 41.486,44.655L39.921,46.16C39.091,46.958 38.072,47.524 36.962,47.803C35.853,48.082 34.692,48.064 33.591,47.752C28.731,46.375 24.374,42.211 20.47,35.348C16.563,28.476 15.191,22.557 16.458,17.59C16.742,16.472 17.305,15.448 18.093,14.616C18.88,13.784 19.864,13.172 20.952,12.839Z"
+      android:fillColor="#ffffff"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_star_fill.xml b/app/src/main/res/drawable/ic_star_fill.xml
new file mode 100644
index 0000000..8c48fbc
--- /dev/null
+++ b/app/src/main/res/drawable/ic_star_fill.xml
@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="13dp"
+    android:height="12dp"
+    android:viewportWidth="13"
+    android:viewportHeight="12">
+  <path
+      android:pathData="M12.262,4.005L8.733,3.486L7.155,0.25C7.112,0.162 7.041,0.09 6.954,0.046C6.734,-0.063 6.467,0.028 6.358,0.25L4.78,3.486L1.251,4.005C1.154,4.019 1.065,4.066 0.997,4.136C0.914,4.222 0.869,4.337 0.871,4.456C0.872,4.576 0.921,4.69 1.005,4.773L3.558,7.292L2.955,10.848C2.941,10.931 2.95,11.016 2.981,11.094C3.012,11.172 3.065,11.239 3.132,11.288C3.199,11.338 3.278,11.367 3.361,11.373C3.444,11.379 3.527,11.361 3.6,11.322L6.756,9.643L9.913,11.322C9.999,11.369 10.099,11.384 10.195,11.367C10.437,11.325 10.599,11.093 10.558,10.848L9.955,7.292L12.508,4.773C12.577,4.704 12.623,4.614 12.637,4.516C12.675,4.27 12.505,4.042 12.262,4.005Z"
+      android:fillColor="#A4E1F4"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_star_unfill.xml b/app/src/main/res/drawable/ic_star_unfill.xml
new file mode 100644
index 0000000..5be32c7
--- /dev/null
+++ b/app/src/main/res/drawable/ic_star_unfill.xml
@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="13dp"
+    android:height="12dp"
+    android:viewportWidth="13"
+    android:viewportHeight="12">
+  <path
+      android:pathData="M11.805,4.005L8.276,3.486L6.698,0.25C6.655,0.162 6.584,0.09 6.497,0.046C6.277,-0.063 6.01,0.028 5.9,0.25L4.323,3.486L0.794,4.005C0.697,4.019 0.608,4.066 0.54,4.136C0.457,4.222 0.412,4.337 0.414,4.456C0.415,4.576 0.464,4.69 0.548,4.773L3.101,7.292L2.498,10.848C2.484,10.931 2.493,11.016 2.524,11.094C2.555,11.172 2.608,11.239 2.675,11.288C2.742,11.338 2.821,11.367 2.904,11.373C2.987,11.379 3.07,11.361 3.143,11.322L6.299,9.643L9.456,11.322C9.542,11.369 9.642,11.384 9.738,11.367C9.98,11.325 10.142,11.093 10.101,10.848L9.497,7.292L12.051,4.773C12.12,4.704 12.166,4.614 12.18,4.516C12.217,4.27 12.048,4.042 11.805,4.005Z"
+      android:fillColor="#E2E8F0"/>
+</vector>
diff --git a/app/src/main/res/drawable/img_example_cheer.xml b/app/src/main/res/drawable/img_example_cheer.xml
new file mode 100644
index 0000000..9344325
--- /dev/null
+++ b/app/src/main/res/drawable/img_example_cheer.xml
@@ -0,0 +1,177 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:aapt="http://schemas.android.com/aapt"
+    android:width="360dp"
+    android:height="800dp"
+    android:viewportWidth="360"
+    android:viewportHeight="800">
+  <group>
+    <clip-path
+        android:pathData="M0,0h360v800h-360z"/>
+    <path
+        android:pathData="M0,0h360v800h-360z"
+        android:fillColor="#49B3D5"/>
+    <path
+        android:pathData="M135.84,221.84V224.18H131.62C131.81,226.29 133.38,228.36 136.62,229.27L135.21,231.56C132.79,230.91 131.11,229.51 130.15,227.74C129.2,229.75 127.44,231.32 124.85,232.03L123.4,229.71C126.75,228.74 128.37,226.48 128.55,224.18H124.22V221.84H135.84ZM140.69,220.83V225.05H143.58V227.44H140.69V231.77H137.69V220.83H140.69ZM140.69,232.59V238.22H129.51V239.67H141.3V241.95H126.58V236.11H137.72V234.84H126.54V232.59H140.69ZM165.91,220.83V229.17H169.05V231.63H165.91V242.16H162.96V220.83H165.91ZM161.51,224.02V226.41H148.97V224.02H153.8V221.16H156.8V224.02H161.51ZM155.3,227.6C158.41,227.6 160.73,229.71 160.73,232.69C160.73,235.66 158.41,237.77 155.3,237.77C152.16,237.77 149.84,235.66 149.84,232.69C149.84,229.71 152.16,227.6 155.3,227.6ZM155.3,230.02C153.8,230.04 152.7,231.05 152.7,232.69C152.7,234.35 153.8,235.34 155.3,235.31C156.8,235.34 157.88,234.35 157.88,232.69C157.88,231.05 156.8,230.04 155.3,230.02ZM187.32,220.83V233.11H184.35V229.36H180.81V226.97H184.35V225.35H180.81V222.96H184.35V220.83H187.32ZM177.34,223.59C177.32,226.45 178.77,229.38 182.19,230.6L180.48,232.97C178.25,232.11 176.72,230.48 175.84,228.45C174.89,230.61 173.26,232.34 170.87,233.23L169.21,230.88C172.77,229.59 174.29,226.64 174.32,223.59V221.6H177.34V223.59ZM177.39,234.45C177.36,236.19 178.09,237.98 179.85,239.18C181.59,237.91 182.31,236.04 182.33,234.45V233.88H185.26V234.45C185.26,236.67 186.43,238.78 189.34,239.67L187.82,241.88C185.79,241.17 184.46,239.86 183.74,238.17C183.02,239.84 181.77,241.29 179.85,242.06C177.87,241.34 176.61,239.93 175.93,238.24C175.17,239.86 173.87,241.17 171.93,241.88L170.47,239.67C173.29,238.73 174.46,236.58 174.48,234.45V233.88H177.39V234.45ZM195.49,222.33C198.38,222.33 200.52,224.71 200.95,228.54H204.66V220.83H207.61V242.2H204.66V230.93H200.98C200.66,235.03 198.47,237.54 195.49,237.54C192.26,237.54 189.94,234.61 189.96,229.92C189.94,225.28 192.26,222.33 195.49,222.33ZM195.49,225.02C193.9,225.02 192.8,226.76 192.82,229.92C192.8,233.11 193.9,234.82 195.49,234.82C197.11,234.82 198.16,233.11 198.16,229.92C198.16,226.76 197.11,225.02 195.49,225.02ZM229.4,237.21V239.67H209.87V237.21H214.23V231.98C212.58,231 211.58,229.49 211.58,227.6C211.58,224.16 214.96,221.86 219.6,221.86C224.22,221.86 227.61,224.16 227.64,227.6C227.63,229.44 226.65,230.94 225.06,231.94V237.21H229.4ZM219.6,224.23C216.55,224.23 214.54,225.45 214.54,227.6C214.54,229.69 216.55,230.98 219.6,230.98C222.62,230.98 224.66,229.69 224.68,227.6C224.66,225.45 222.62,224.23 219.6,224.23ZM217.18,237.21H222.04V233.06C221.27,233.21 220.45,233.3 219.6,233.3C218.74,233.3 217.93,233.23 217.18,233.06V237.21ZM234.99,223.03L234.68,234.91H231.68L231.38,223.03H234.99ZM233.21,240.21C232.1,240.21 231.21,239.32 231.24,238.24C231.21,237.16 232.1,236.3 233.21,236.3C234.24,236.3 235.15,237.16 235.15,238.24C235.15,239.32 234.24,240.21 233.21,240.21ZM149.19,262.81V265.16H129.74V262.81H149.19ZM139.44,266.35C144.06,266.35 146.85,267.76 146.87,270.27C146.85,272.77 144.06,274.18 139.44,274.18C134.75,274.18 131.96,272.77 131.96,270.27C131.96,267.76 134.75,266.35 139.44,266.35ZM139.44,268.6C136.49,268.6 134.99,269.14 135.01,270.27C134.99,271.37 136.49,271.91 139.44,271.91C142.32,271.91 143.85,271.37 143.87,270.27C143.85,269.14 142.32,268.6 139.44,268.6ZM139.46,253.27C144.15,253.3 147.2,254.89 147.22,257.47C147.2,260.07 144.15,261.64 139.46,261.64C134.75,261.64 131.68,260.07 131.68,257.47C131.68,254.89 134.75,253.3 139.46,253.27ZM139.46,255.62C136.49,255.62 134.78,256.2 134.8,257.47C134.78,258.71 136.49,259.32 139.46,259.32C142.42,259.32 144.13,258.71 144.13,257.47C144.13,256.2 142.42,255.62 139.46,255.62ZM168.07,252.85V268.95H165.07V267.27H160.99V265.23H165.07V252.85H168.07ZM168.54,271.39V273.78H152.65V267.41H155.63V264.57C153.71,264.65 151.9,264.66 150.28,264.66L149.93,262.3C153.84,262.27 159.12,262.23 163.62,261.66L163.78,263.8C162.09,264.08 160.35,264.28 158.63,264.41V268.46H155.63V271.39H168.54ZM156.87,253.58C159.96,253.55 162.19,255.13 162.19,257.4C162.19,259.67 159.96,261.15 156.87,261.15C153.7,261.15 151.5,259.67 151.5,257.4C151.5,255.13 153.68,253.55 156.87,253.58ZM156.87,255.76C155.34,255.76 154.31,256.34 154.34,257.4C154.31,258.43 155.34,258.99 156.87,258.99C158.3,258.99 159.33,258.43 159.35,257.4C159.33,256.34 158.3,255.76 156.87,255.76ZM187.18,252.78V257.42H190.07V259.81H187.18V264.34H184.18V252.78H187.18ZM187.18,265.2V270.59H176V271.81H187.79V274.02H173.07V268.55H184.21V267.36H173.03V265.2H187.18ZM182.92,254.42V256.7H170.26V254.42H175.11V252.69H178.09V254.42H182.92ZM176.59,257.21C179.78,257.21 181.84,258.57 181.84,260.7C181.84,262.88 179.78,264.2 176.59,264.2C173.4,264.2 171.29,262.88 171.29,260.7C171.29,258.57 173.4,257.21 176.59,257.21ZM176.59,259.32C175.11,259.32 174.2,259.81 174.22,260.7C174.2,261.62 175.11,262.06 176.59,262.06C178.07,262.06 179,261.62 179,260.7C179,259.81 178.07,259.32 176.59,259.32ZM209.02,252.83V274.16H206.2V252.83H209.02ZM204.47,253.3V273.22H201.68V263.42H198.19C196.97,265.86 194.99,267.97 191.95,269.73L190.27,267.62C194.57,265.06 196.46,261.96 196.88,257.77H191.44V255.36H199.85C199.84,257.39 199.63,259.3 199.13,261.05H201.68V253.3H204.47ZM230.31,269.21V271.67H210.79V269.21H215.15V263.98C213.49,263 212.5,261.49 212.5,259.6C212.5,256.16 215.87,253.86 220.51,253.86C225.13,253.86 228.53,256.16 228.55,259.6C228.54,261.44 227.57,262.94 225.97,263.94V269.21H230.31ZM220.51,256.23C217.47,256.23 215.45,257.45 215.45,259.6C215.45,261.69 217.47,262.98 220.51,262.98C223.54,262.98 225.57,261.69 225.6,259.6C225.57,257.45 223.54,256.23 220.51,256.23ZM218.1,269.21H222.95V265.06C222.19,265.21 221.37,265.3 220.51,265.3C219.66,265.3 218.85,265.23 218.1,265.06V269.21Z"
+        android:fillColor="#ffffff"/>
+    <path
+        android:pathData="M21.96,449.42C18.36,452.22 25.79,468.58 29.96,476.42L37.96,464.92C34.12,458.58 25.56,446.62 21.96,449.42Z"
+        android:fillColor="#ffffff"/>
+    <path
+        android:pathData="M280.7,371.7m-44.7,0a44.7,44.7 0,1 1,89.4 0a44.7,44.7 0,1 1,-89.4 0"
+        android:fillColor="#ffffff"
+        android:fillAlpha="0.08"/>
+    <path
+        android:pathData="M280.7,400.7m-44.7,0a44.7,44.7 0,1 1,89.4 0a44.7,44.7 0,1 1,-89.4 0"
+        android:fillColor="#ffffff"
+        android:fillAlpha="0.16"/>
+    <path
+        android:pathData="M72.7,371.7m-44.7,0a44.7,44.7 0,1 1,89.4 0a44.7,44.7 0,1 1,-89.4 0"
+        android:fillColor="#ffffff"
+        android:fillAlpha="0.04"/>
+    <path
+        android:pathData="M72.7,417.7m-44.7,0a44.7,44.7 0,1 1,89.4 0a44.7,44.7 0,1 1,-89.4 0"
+        android:fillColor="#ffffff"
+        android:fillAlpha="0.08"/>
+    <path
+        android:pathData="M72.7,444.7m-44.7,0a44.7,44.7 0,1 1,89.4 0a44.7,44.7 0,1 1,-89.4 0"
+        android:fillColor="#ffffff"
+        android:fillAlpha="0.16"/>
+    <path
+        android:pathData="M177.7,417.7m-44.7,0a44.7,44.7 0,1 1,89.4 0a44.7,44.7 0,1 1,-89.4 0"
+        android:fillColor="#ffffff"
+        android:fillAlpha="0.08"/>
+    <path
+        android:pathData="M177.7,395.7m-44.7,0a44.7,44.7 0,1 1,89.4 0a44.7,44.7 0,1 1,-89.4 0"
+        android:fillColor="#ffffff"
+        android:fillAlpha="0.16"/>
+    <path
+        android:pathData="M177.7,458.7m-44.7,0a44.7,44.7 0,1 1,89.4 0a44.7,44.7 0,1 1,-89.4 0"
+        android:fillColor="#ffffff"
+        android:fillAlpha="0.04"/>
+    <path
+        android:pathData="M280.7,458.7m-44.7,0a44.7,44.7 0,1 1,89.4 0a44.7,44.7 0,1 1,-89.4 0"
+        android:fillColor="#ffffff"
+        android:fillAlpha="0.04"/>
+    <path
+        android:pathData="M28,463a44.5,40 0,1 0,89 0a44.5,40 0,1 0,-89 0z"
+        android:fillColor="#ffffff"/>
+    <path
+        android:pathData="M77,462.77C77,465.52 75.24,467.74 73.06,467.74C70.89,467.74 69.13,465.52 69.13,462.77"
+        android:strokeWidth="2"
+        android:fillColor="#00000000"
+        android:strokeColor="#404040"
+        android:strokeLineCap="round"/>
+    <path
+        android:pathData="M89.18,456.65a2.99,2.5 91.07,1 1,-5 -0.09a2.99,2.5 91.07,1 1,5 0.09z"
+        android:fillColor="#404040"/>
+    <path
+        android:pathData="M62.65,456.65a2.99,2.5 91.07,1 1,-5 -0.09a2.99,2.5 91.07,1 1,5 0.09z"
+        android:fillColor="#404040"/>
+    <path
+        android:pathData="M238,417.5a43,46.5 0,1 0,86 0a43,46.5 0,1 0,-86 0z"
+        android:fillColor="#ffffff"/>
+    <path
+        android:pathData="M281,422C284.31,422 287,419.58 287,416.6C287,416.26 286.7,416 286.36,416H275.64C275.3,416 275,416.26 275,416.6C275,419.58 277.69,422 281,422Z"
+        android:fillColor="#404040"
+        android:fillType="evenOdd"/>
+    <path
+        android:pathData="M296.98,409.76a1.7,2.99 90,1 1,-5.99 -0.06a1.7,2.99 90,1 1,5.99 0.06z"
+        android:fillColor="#404040"/>
+    <path
+        android:pathData="M270.45,409.76a1.7,2.99 90,1 1,-5.99 -0.06a1.7,2.99 90,1 1,5.99 0.06z"
+        android:fillColor="#404040"/>
+    <path
+        android:pathData="M177.7,371.7m-44.7,0a44.7,44.7 0,1 1,89.4 0a44.7,44.7 0,1 1,-89.4 0"
+        android:fillColor="#ffffff"/>
+    <path
+        android:pathData="M178.06,377.74C180.24,377.74 182,375.52 182,372.77C182,372.46 181.74,372.22 181.42,372.22H174.7C174.39,372.22 174.13,372.46 174.13,372.77C174.13,375.52 175.89,377.74 178.06,377.74Z"
+        android:fillColor="#404040"
+        android:fillType="evenOdd"/>
+    <path
+        android:pathData="M191.19,366.59m2.99,0.06a2.99,2.99 46.07,1 0,-5.99 -0.11a2.99,2.99 46.07,1 0,5.99 0.11"
+        android:fillColor="#404040"/>
+    <path
+        android:pathData="M164.66,366.59m2.99,0.06a2.99,2.99 46.07,1 0,-5.99 -0.11a2.99,2.99 46.07,1 0,5.99 0.11"
+        android:fillColor="#404040"/>
+    <path
+        android:pathData="M129.96,396C126.36,393.2 133.79,376.83 137.96,369L145.96,380.5C142.12,386.83 133.56,398.8 129.96,396Z"
+        android:fillColor="#ffffff"/>
+    <path
+        android:pathData="M229.96,421.8C229.48,426.34 246.42,432.35 254.95,434.8L252.23,421.05C245.01,419.41 230.45,417.27 229.96,421.8Z"
+        android:fillColor="#ffffff"/>
+    <path
+        android:pathData="M332.54,421.8C333.02,426.34 316.08,432.35 307.55,434.8L310.27,421.05C317.49,419.41 332.05,417.27 332.54,421.8Z"
+        android:fillColor="#ffffff"/>
+    <path
+        android:pathData="M226,396C229.6,393.2 222.17,376.83 218,369L210,380.5C213.83,386.83 222.4,398.8 226,396Z"
+        android:fillColor="#ffffff"/>
+    <path
+        android:pathData="M123,441.42C126.6,444.22 119.17,460.58 115,468.42L107,456.92C110.83,450.58 119.4,438.62 123,441.42Z"
+        android:fillColor="#ffffff"/>
+    <path
+        android:pathData="M182.55,163.06C181.48,164.84 178.9,164.84 177.82,163.06L150.46,117.42C149.36,115.59 150.69,113.25 152.83,113.25L207.55,113.25C209.69,113.25 211.01,115.59 209.91,117.42L182.55,163.06Z"
+        android:fillColor="#ffffff"/>
+    <path
+        android:pathData="M247.35,159.73C246.43,161.58 243.85,161.76 242.63,160.05L211.54,116.41C210.29,114.66 211.42,112.24 213.55,112.09L268.16,108.36C270.3,108.21 271.81,110.45 270.87,112.36L247.35,159.73Z"
+        android:fillColor="#73C4DE"/>
+    <path
+        android:pathData="M312.5,153.36C311.71,155.28 309.15,155.64 307.82,154.02L273.7,112.71C272.32,111.05 273.27,108.56 275.39,108.26L329.59,100.64C331.71,100.34 333.39,102.46 332.58,104.43L312.5,153.36Z"
+        android:fillColor="#ffffff"/>
+    <path
+        android:pathData="M375.97,141.54C375.37,143.52 372.86,144.12 371.37,142.64L333.5,104.74C331.97,103.21 332.68,100.64 334.77,100.14L388.01,87.43C390.09,86.93 391.95,88.89 391.33,90.93L375.97,141.54Z"
+        android:fillColor="#73C4DE"/>
+    <path
+        android:pathData="M112.74,159.73C113.66,161.58 116.24,161.76 117.46,160.05L148.54,116.41C149.79,114.66 148.67,112.24 146.53,112.09L91.92,108.36C89.79,108.21 88.27,110.45 89.22,112.36L112.74,159.73Z"
+        android:fillColor="#73C4DE"/>
+    <path
+        android:pathData="M47.59,153.36C48.37,155.28 50.93,155.64 52.27,154.02L86.39,112.71C87.76,111.05 86.81,108.56 84.69,108.26L30.49,100.64C28.37,100.34 26.7,102.46 27.51,104.43L47.59,153.36Z"
+        android:fillColor="#ffffff"/>
+    <path
+        android:pathData="M-15.89,141.54C-15.29,143.52 -12.77,144.12 -11.29,142.64L26.59,104.74C28.11,103.21 27.4,100.64 25.32,100.14L-27.92,87.43C-30,86.93 -31.87,88.89 -31.25,90.93L-15.89,141.54Z"
+        android:fillColor="#73C4DE"/>
+    <path
+        android:pathData="M549.55,-48C549.55,41.82 383.87,114.63 179.5,114.63C-24.87,114.63 -190.55,41.82 -190.55,-48"
+        android:strokeWidth="5.51282"
+        android:fillColor="#00000000"
+        android:strokeColor="#49B3D5"/>
+    <path
+        android:pathData="M-36.5,337.5m-182.5,0a182.5,182.5 0,1 1,365 0a182.5,182.5 0,1 1,-365 0">
+      <aapt:attr name="android:fillColor">
+        <gradient 
+            android:centerX="-36.5"
+            android:centerY="337.5"
+            android:gradientRadius="182.5"
+            android:type="radial">
+          <item android:offset="0" android:color="#FF73C4DE"/>
+          <item android:offset="1" android:color="#0073C4DE"/>
+        </gradient>
+      </aapt:attr>
+    </path>
+    <path
+        android:pathData="M240,697m-257,0a257,257 0,1 1,514 0a257,257 0,1 1,-514 0">
+      <aapt:attr name="android:fillColor">
+        <gradient 
+            android:centerX="240"
+            android:centerY="697"
+            android:gradientRadius="257"
+            android:type="radial">
+          <item android:offset="0" android:color="#FF73C4DE"/>
+          <item android:offset="1" android:color="#0073C4DE"/>
+        </gradient>
+      </aapt:attr>
+    </path>
+    <path
+        android:pathData="M385,248m-122,0a122,122 0,1 1,244 0a122,122 0,1 1,-244 0">
+      <aapt:attr name="android:fillColor">
+        <gradient 
+            android:centerX="385"
+            android:centerY="248"
+            android:gradientRadius="122"
+            android:type="radial">
+          <item android:offset="0" android:color="#FF73C4DE"/>
+          <item android:offset="1" android:color="#0073C4DE"/>
+        </gradient>
+      </aapt:attr>
+    </path>
+  </group>
+</vector>
diff --git a/app/src/main/res/values/strings.xml b/app/src/main/res/values/strings.xml
index 3df8b08..0d7e2fb 100644
--- a/app/src/main/res/values/strings.xml
+++ b/app/src/main/res/values/strings.xml
@@ -24,6 +24,20 @@
     <string name="반가워요_센터님">반갑습니다.\n%1$s 담당자 님!</string>
     <string name="반가워요_의사님">반갑습니다. %1$s님!</string>
     <string name="시작하기">시작하기</string>
+    <string name="중요도">중요도</string>
+    <string name="복용">복용</string>
+    <string name="미복용">미복용</string>
+    <string name="약_미복용_사유">약 미복용 사유</string>
+
+    <string name="무드_차트">무드 차트</string>
+    <string name="주간_차트_기록">주간 차트 기록</string>
+
+
+    <string name="약_복용_체크">약 복용 체크</string>
+    <string name="등록된_약이_없어요">등록된 약이 없어요!</string>
+    <string name="오늘_하루_기분이_어떠셨나요">오늘 하루 기분이 어떠셨나요?</string>
+    <string name="당신의_하루가_궁금해요">당신의 하루가 궁금해요</string>
+    <string name="오늘의_기분_기록하기">오늘의 기분 기록하기</string>
 
     <string name="사용_입장_선택">사용 입장 선택</string>
     <string name="어떤_입장에서_사용하실지_선택해주세요">어떤 입장에서 사용하실지 선택해주세요!</string>