diff --git a/app/src/main/java/com/texthip/thip/ui/common/buttons/HeaderButton.kt b/app/src/main/java/com/texthip/thip/ui/common/buttons/HeaderButton.kt
index cdff5839..a97ad7de 100644
--- a/app/src/main/java/com/texthip/thip/ui/common/buttons/HeaderButton.kt
+++ b/app/src/main/java/com/texthip/thip/ui/common/buttons/HeaderButton.kt
@@ -10,10 +10,6 @@ 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.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.res.stringResource
@@ -27,19 +23,17 @@ import com.texthip.thip.ui.theme.ThipTheme.typography
 fun HeaderButton(
     modifier: Modifier = Modifier,
     text: String,
+    enabled: Boolean = false,
     onClick: () -> Unit = {},
 ) {
-    var isClicked by remember { mutableStateOf(false) }
-
     Box(
         modifier = modifier
             .background(
-                color = if (isClicked) colors.Purple else colors.Grey02,
+                color = if (enabled) colors.Purple else colors.Grey02,
                 shape = RoundedCornerShape(20.dp)
             )
-            .clickable {
-                isClicked = !isClicked
-                onClick()
+            .let {
+                if (enabled) it.clickable(onClick = onClick) else it
             }
             .padding(vertical = 4.dp, horizontal = 12.dp),
         contentAlignment = Alignment.Center,
@@ -60,8 +54,17 @@ private fun HeaderButtonPreview() {
         horizontalAlignment = Alignment.CenterHorizontally,
         verticalArrangement = Arrangement.Center
     ) {
+        // 비활성 상태
+        HeaderButton(
+            text = stringResource(R.string.finish),
+            enabled = false
+        )
+
+        // 활성 상태
         HeaderButton(
             text = stringResource(R.string.finish),
+            enabled = true,
+            onClick = { }
         )
     }
 }
\ No newline at end of file
diff --git a/app/src/main/java/com/texthip/thip/ui/common/topappbar/BookTopAppBar.kt b/app/src/main/java/com/texthip/thip/ui/common/topappbar/BookTopAppBar.kt
new file mode 100644
index 00000000..69e3e31f
--- /dev/null
+++ b/app/src/main/java/com/texthip/thip/ui/common/topappbar/BookTopAppBar.kt
@@ -0,0 +1,63 @@
+package com.texthip.thip.ui.common.topappbar
+
+import androidx.compose.material3.ExperimentalMaterial3Api
+import androidx.compose.material3.Icon
+import androidx.compose.material3.IconButton
+import androidx.compose.material3.TopAppBar
+import androidx.compose.material3.TopAppBarDefaults
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.tooling.preview.Preview
+import com.texthip.thip.R
+import com.texthip.thip.ui.common.view.CountingBar
+import com.texthip.thip.ui.theme.ThipTheme
+
+@OptIn(ExperimentalMaterial3Api::class)
+@Composable
+fun BookTopAppBar(
+    count: Int = 0,
+    onLeftClick: () -> Unit,
+    onRightClick: () -> Unit,
+) {
+    TopAppBar(
+        navigationIcon = {
+            IconButton(onClick = onLeftClick) {
+                Icon(
+                    painter = painterResource(R.drawable.ic_arrow_back),
+                    contentDescription = "Back Button",
+                    tint = Color.Unspecified
+                )
+            }
+        },
+        title = {
+            CountingBar(
+                count = count,
+            )
+        },
+        actions = {
+            IconButton(onClick = onRightClick) {
+                Icon(
+                    painter = painterResource(R.drawable.ic_more),
+                    contentDescription = "More Options",
+                    tint = Color.Unspecified
+                )
+            }
+        },
+        colors = TopAppBarDefaults.topAppBarColors(
+            containerColor = Color.Transparent,
+        ),
+    )
+}
+
+@Preview(showBackground = false)
+@Composable
+private fun BookTopAppBarPreview() {
+    ThipTheme {
+        BookTopAppBar(
+            onLeftClick = { },
+            onRightClick = { },
+            count = 210
+        )
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/texthip/thip/ui/common/topappbar/DefaultTopAppBar.kt b/app/src/main/java/com/texthip/thip/ui/common/topappbar/DefaultTopAppBar.kt
new file mode 100644
index 00000000..8d51b534
--- /dev/null
+++ b/app/src/main/java/com/texthip/thip/ui/common/topappbar/DefaultTopAppBar.kt
@@ -0,0 +1,88 @@
+package com.texthip.thip.ui.common.topappbar
+
+import androidx.compose.foundation.layout.Column
+import androidx.compose.material3.CenterAlignedTopAppBar
+import androidx.compose.material3.ExperimentalMaterial3Api
+import androidx.compose.material3.Icon
+import androidx.compose.material3.IconButton
+import androidx.compose.material3.Text
+import androidx.compose.material3.TopAppBarDefaults
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.tooling.preview.Preview
+import com.texthip.thip.R
+import com.texthip.thip.ui.theme.ThipTheme.colors
+import com.texthip.thip.ui.theme.ThipTheme.typography
+
+@OptIn(ExperimentalMaterial3Api::class)
+@Composable
+fun DefaultTopAppBar(
+    title: String = stringResource(R.string.page_name),
+    isTitleVisible: Boolean = true,
+    isRightIconVisible: Boolean = false,
+    onLeftClick: () -> Unit,
+    onRightClick: () -> Unit = {},
+) {
+    CenterAlignedTopAppBar(
+        navigationIcon = {
+            IconButton(onClick = onLeftClick) {
+                Icon(
+                    painter = painterResource(R.drawable.ic_arrow_back),
+                    contentDescription = "Back Button",
+                    tint = Color.Unspecified
+                )
+            }
+        },
+        title = {
+            if (isTitleVisible) {
+                Text(
+                    text = title,
+                    color = colors.White,
+                    style = typography.bigtitle_b700_s22_h24
+                )
+            }
+        },
+        actions = {
+            if (isRightIconVisible) {
+                IconButton(onClick = onRightClick) {
+                    Icon(
+                        painter = painterResource(R.drawable.ic_more),
+                        contentDescription = "More Options",
+                        tint = Color.Unspecified
+                    )
+                }
+            }
+        },
+        colors = TopAppBarDefaults.topAppBarColors(
+            containerColor = Color.Transparent,
+        ),
+    )
+}
+
+@Preview
+@Composable
+private fun DefaultTopAppBarPreview() {
+    Column {
+        DefaultTopAppBar(
+            onLeftClick = {},
+        )
+        DefaultTopAppBar(
+            isRightIconVisible = true,
+            onLeftClick = {},
+            onRightClick = {},
+        )
+        DefaultTopAppBar(
+            isRightIconVisible = true,
+            isTitleVisible = false,
+            onLeftClick = {},
+            onRightClick = {},
+        )
+        DefaultTopAppBar(
+            isRightIconVisible = false,
+            isTitleVisible = false,
+            onLeftClick = {},
+        )
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/texthip/thip/ui/common/topappbar/FeedListTopAppBar.kt b/app/src/main/java/com/texthip/thip/ui/common/topappbar/FeedListTopAppBar.kt
new file mode 100644
index 00000000..aace1689
--- /dev/null
+++ b/app/src/main/java/com/texthip/thip/ui/common/topappbar/FeedListTopAppBar.kt
@@ -0,0 +1,90 @@
+package com.texthip.thip.ui.common.topappbar
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.width
+import androidx.compose.material3.CenterAlignedTopAppBar
+import androidx.compose.material3.ExperimentalMaterial3Api
+import androidx.compose.material3.Icon
+import androidx.compose.material3.IconButton
+import androidx.compose.material3.Text
+import androidx.compose.material3.TopAppBarDefaults
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.text.style.TextOverflow
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import com.texthip.thip.R
+import com.texthip.thip.ui.theme.ThipTheme.colors
+import com.texthip.thip.ui.theme.ThipTheme.typography
+
+@OptIn(ExperimentalMaterial3Api::class)
+@Composable
+fun FeedListTopAppBar(
+    nickname: String = "ThipUser 01ThipUser 01",
+    isRightIconVisible: Boolean = false,
+    onLeftClick: () -> Unit,
+    onRightClick: () -> Unit = {},
+) {
+    CenterAlignedTopAppBar(
+        navigationIcon = {
+            IconButton(onClick = onLeftClick) {
+                Icon(
+                    painter = painterResource(R.drawable.ic_arrow_back),
+                    contentDescription = "Back Button",
+                    tint = Color.Unspecified
+                )
+            }
+        },
+        title = {
+            Row(
+                horizontalArrangement = Arrangement.spacedBy(8.dp)
+            ) {
+                Text(
+                    text = nickname,
+                    color = colors.White,
+                    style = typography.bigtitle_b700_s22_h24,
+                    modifier = Modifier.width(100.dp),
+                    maxLines = 1,
+                    overflow = TextOverflow.Ellipsis,
+                )
+                Text(
+                    text = stringResource(R.string.subscriber),
+                    color = colors.White,
+                    style = typography.bigtitle_b700_s22_h24,
+                    modifier = Modifier.width(100.dp),
+                    maxLines = 1
+                )
+            }
+        },
+        actions = {
+            if (isRightIconVisible) {
+                IconButton(onClick = {
+                    onRightClick()
+                }) {
+                    Icon(
+                        painter = painterResource(R.drawable.ic_more),
+                        contentDescription = "More Options",
+                        tint = Color.Unspecified
+                    )
+                }
+            }
+        },
+        colors = TopAppBarDefaults.topAppBarColors(
+            containerColor = Color.Transparent,
+        ),
+    )
+}
+
+@Preview
+@Composable
+private fun FeedListTopAppBarPreview() {
+    FeedListTopAppBar(
+        isRightIconVisible = true,
+        onLeftClick = {},
+        onRightClick = {}
+    )
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/texthip/thip/ui/common/topappbar/InputTopAppBar.kt b/app/src/main/java/com/texthip/thip/ui/common/topappbar/InputTopAppBar.kt
new file mode 100644
index 00000000..8da648f4
--- /dev/null
+++ b/app/src/main/java/com/texthip/thip/ui/common/topappbar/InputTopAppBar.kt
@@ -0,0 +1,88 @@
+package com.texthip.thip.ui.common.topappbar
+
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material3.CenterAlignedTopAppBar
+import androidx.compose.material3.ExperimentalMaterial3Api
+import androidx.compose.material3.Icon
+import androidx.compose.material3.IconButton
+import androidx.compose.material3.Text
+import androidx.compose.material3.TopAppBarDefaults
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import com.texthip.thip.R
+import com.texthip.thip.ui.common.buttons.HeaderButton
+import com.texthip.thip.ui.theme.ThipTheme.colors
+import com.texthip.thip.ui.theme.ThipTheme.typography
+
+@OptIn(ExperimentalMaterial3Api::class)
+@Composable
+fun InputTopAppBar(
+    title: String = stringResource(R.string.page_name),
+    isRightButtonEnabled: Boolean = false,
+    rightButtonName: String = stringResource(R.string.finish),
+    isLeftIconVisible: Boolean = true,
+    onLeftClick: () -> Unit = {},
+    onRightClick: () -> Unit = {},
+) {
+    CenterAlignedTopAppBar(
+        navigationIcon = {
+            if (isLeftIconVisible) {
+                IconButton(onClick = onLeftClick) {
+                    Icon(
+                        painter = painterResource(R.drawable.ic_arrow_back),
+                        contentDescription = "Back Button",
+                        tint = Color.Unspecified
+                    )
+                }
+            }
+        },
+        title = {
+            Text(
+                text = title,
+                color = colors.White,
+                style = typography.bigtitle_b700_s22_h24
+            )
+        },
+        actions = {
+            HeaderButton(
+                text = rightButtonName,
+                enabled = isRightButtonEnabled,
+                onClick = {
+                    onRightClick()
+                },
+                modifier = Modifier.padding(
+                    end = 18.dp
+                )
+            )
+        },
+        colors = TopAppBarDefaults.topAppBarColors(
+            containerColor = Color.Transparent,
+        ),
+    )
+}
+
+@Preview
+@Composable
+private fun InputTopAppBarPreview() {
+    Column {
+        InputTopAppBar(
+            isRightButtonEnabled = true,
+            onLeftClick = {},
+            onRightClick = {}
+        )
+        InputTopAppBar(
+            title = "설정 1/2",
+            isRightButtonEnabled = false,
+            rightButtonName = stringResource(R.string.next),
+            isLeftIconVisible = false,
+            onLeftClick = {},
+            onRightClick = {}
+        )
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/texthip/thip/ui/common/topappbar/LeftNameTopAppBar.kt b/app/src/main/java/com/texthip/thip/ui/common/topappbar/LeftNameTopAppBar.kt
new file mode 100644
index 00000000..fdfb0d63
--- /dev/null
+++ b/app/src/main/java/com/texthip/thip/ui/common/topappbar/LeftNameTopAppBar.kt
@@ -0,0 +1,88 @@
+package com.texthip.thip.ui.common.topappbar
+
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material3.ExperimentalMaterial3Api
+import androidx.compose.material3.Icon
+import androidx.compose.material3.IconButton
+import androidx.compose.material3.Text
+import androidx.compose.material3.TopAppBar
+import androidx.compose.material3.TopAppBarDefaults
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.painter.Painter
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import com.texthip.thip.R
+import com.texthip.thip.ui.theme.ThipTheme.colors
+import com.texthip.thip.ui.theme.ThipTheme.typography
+
+@OptIn(ExperimentalMaterial3Api::class)
+@Composable
+fun LeftNameTopAppBar(
+    title: String = stringResource(R.string.page_name),
+    isLeftIconVisible: Boolean = false,
+    isRightIconVisible: Boolean = false,
+    leftIcon: Painter,
+    rightIcon: Painter,
+    onLeftClick: () -> Unit = {},
+    onRightClick: () -> Unit = {}
+) {
+    TopAppBar(
+        navigationIcon = {
+            Text(
+                text = title,
+                color = colors.White,
+                style = typography.bigtitle_b700_s22_h24,
+                modifier = Modifier.padding(start = 18.dp)
+            )
+        },
+        title = {
+            Spacer(modifier = Modifier)
+        },
+        actions = {
+            if (isLeftIconVisible) {
+                IconButton(onClick = onLeftClick) {
+                    Icon(
+                        painter = leftIcon,
+                        contentDescription = "Left Icon",
+                        tint = Color.Unspecified
+                    )
+                }
+            }
+            if (isRightIconVisible) {
+                IconButton(onClick = onRightClick) {
+                    Icon(
+                        painter = rightIcon,
+                        contentDescription = "Right Icon",
+                        tint = Color.Unspecified
+                    )
+                }
+            }
+        },
+        colors = TopAppBarDefaults.topAppBarColors(
+            containerColor = Color.Transparent,
+        )
+    )
+}
+
+@Preview
+@Composable
+private fun LeftNameTopAppBarPreview() {
+    Column {
+        LeftNameTopAppBar(
+            leftIcon = painterResource(R.drawable.ic_search),
+            rightIcon = painterResource(R.drawable.ic_plus)
+        )
+        LeftNameTopAppBar(
+            leftIcon = painterResource(R.drawable.ic_search),
+            rightIcon = painterResource(R.drawable.ic_plus),
+            isLeftIconVisible = true,
+            isRightIconVisible = true
+        )
+    }
+}
diff --git a/app/src/main/java/com/texthip/thip/ui/common/topappbar/LogoTopAppBar.kt b/app/src/main/java/com/texthip/thip/ui/common/topappbar/LogoTopAppBar.kt
new file mode 100644
index 00000000..31c5fe2b
--- /dev/null
+++ b/app/src/main/java/com/texthip/thip/ui/common/topappbar/LogoTopAppBar.kt
@@ -0,0 +1,79 @@
+package com.texthip.thip.ui.common.topappbar
+
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material3.ExperimentalMaterial3Api
+import androidx.compose.material3.Icon
+import androidx.compose.material3.IconButton
+import androidx.compose.material3.TopAppBar
+import androidx.compose.material3.TopAppBarDefaults
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.painter.Painter
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import com.texthip.thip.R
+
+@OptIn(ExperimentalMaterial3Api::class)
+@Composable
+fun LogoTopAppBar(
+    leftIcon: Painter,
+    hasNotification: Boolean,
+    onLeftClick: () -> Unit = {},
+    onRightClick: () -> Unit = {}
+) {
+    val rightIcon = if (hasNotification) {
+        painterResource(R.drawable.ic_notice_yes)
+    } else {
+        painterResource(R.drawable.ic_notice)
+    }
+
+    TopAppBar(
+        navigationIcon = {
+            Image(
+                painter = painterResource(R.drawable.ic_logo),
+                contentDescription = "Logo",
+                modifier = Modifier
+                    .height(24.dp)
+                    .padding(start = 18.dp),
+            )
+        },
+        title = {
+            Spacer(modifier = Modifier)
+        },
+        actions = {
+            IconButton(onClick = onLeftClick) {
+                Icon(
+                    painter = leftIcon,
+                    contentDescription = "Left Icon",
+                    tint = Color.Unspecified
+                )
+            }
+            IconButton(onClick = onRightClick) {
+                Icon(
+                    painter = rightIcon,
+                    contentDescription = "Right Icon",
+                    tint = Color.Unspecified
+                )
+            }
+        },
+        colors = TopAppBarDefaults.topAppBarColors(
+            containerColor = Color.Transparent,
+        )
+    )
+}
+
+@Preview
+@Composable
+private fun LogoTopAppBarPreview() {
+    LogoTopAppBar(
+        leftIcon = painterResource(R.drawable.ic_search),
+        hasNotification = true,
+        onLeftClick = { },
+        onRightClick = { }
+    )
+}
\ No newline at end of file
diff --git a/app/src/main/res/drawable/ic_logo.xml b/app/src/main/res/drawable/ic_logo.xml
new file mode 100644
index 00000000..d6a7e2b4
--- /dev/null
+++ b/app/src/main/res/drawable/ic_logo.xml
@@ -0,0 +1,24 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="201dp"
+    android:height="52dp"
+    android:viewportWidth="201"
+    android:viewportHeight="52">
+  <path
+      android:pathData="M42.74,16.56C39.9,16.56 38.26,17.96 38.26,21.18C38.26,28.01 41.62,37.57 42.59,50.51H11.68C12.64,36.92 16,28.26 16,21.18C16,17.96 14.58,16.56 11.68,16.56C8.77,16.56 4.6,17.63 1.25,19.03L0.5,1.07H53.76L53.02,19.03C50.03,17.63 45.79,16.55 42.74,16.55V16.56Z"
+      android:fillColor="#6868FF"/>
+  <path
+      android:pathData="M57.33,1.07H83.78C82.73,6.51 82.21,10.71 82.21,12.85C82.21,16.89 83.63,19.44 85.79,19.44C87.95,19.44 89.44,16.89 89.44,12.85C89.44,10.71 88.92,6.51 87.88,1.07H114.32C112.08,15.07 112.08,31.55 114.32,50.5H87.88C88.99,42.68 89.52,36.91 89.52,34.02C89.52,29.99 88.03,27.44 85.79,27.44C83.55,27.44 82.14,29.99 82.14,34.02C82.14,36.91 82.81,42.68 83.78,50.5H57.33C59.57,31.55 59.57,15.07 57.33,1.07Z"
+      android:fillColor="#6868FF"/>
+  <path
+      android:pathData="M170.72,31.14C170.72,40.53 171.15,40.28 172.42,50.5H145.97C148.21,31.55 148.21,15.07 145.97,1.06H179.04C194.16,1.06 200.5,7.9 200.5,20.51C200.5,29.5 194.13,36.44 185.46,36.5C178.6,36.54 172.3,34.39 170.72,31.14Z"
+      android:fillColor="#6868FF"/>
+  <path
+      android:pathData="M130.39,50.92C137.28,50.92 142.87,47.78 142.87,43.9C142.87,40.02 137.28,36.87 130.39,36.87C123.49,36.87 117.9,40.02 117.9,43.9C117.9,47.78 123.49,50.92 130.39,50.92Z"
+      android:fillColor="#ffffff"/>
+  <path
+      android:pathData="M118.05,37.12C121.08,34.97 125.47,33.61 130.36,33.61C135.24,33.61 139.64,34.97 142.66,37.12C141.76,25.06 141.93,12.96 143.21,0.92H117.51C118.78,12.96 118.95,25.06 118.05,37.13L118.05,37.12Z"
+      android:fillColor="#ffffff"/>
+  <path
+      android:pathData="M183.11,13.15C179.26,14.6 177.74,16.47 177.74,18.16C177.74,20.31 179.84,21.07 182.29,21.59C182.59,21.71 183.17,22.29 183.17,23.57C183.17,25.2 181.82,27 179.26,27C176.33,27 173.24,24.73 173.24,20.25C173.24,15.07 177.74,12.22 182.24,11.05L183.12,13.15L183.11,13.15ZM194.07,13.15C190.21,14.6 188.69,16.47 188.69,18.16C188.69,20.31 190.79,21.07 193.25,21.59C193.54,21.71 194.13,22.29 194.13,23.57C194.13,25.2 192.78,27 190.21,27C187.29,27 184.2,24.73 184.2,20.25C184.2,15.07 188.7,12.22 193.2,11.05L194.07,13.15L194.07,13.15Z"
+      android:fillColor="#ffffff"/>
+</vector>
diff --git a/app/src/main/res/values/strings.xml b/app/src/main/res/values/strings.xml
index 791b691a..83ac96c6 100644
--- a/app/src/main/res/values/strings.xml
+++ b/app/src/main/res/values/strings.xml
@@ -2,7 +2,7 @@
     <string name="app_name">Thip</string>
 
     <!--   view 컴포넌트    -->
-    <string name="reading_user_num">🔥%d명이 읽기에 참여중이에요!🔥</string>
+    <string name="reading_user_num">🔥 %d명이 읽기에 참여중이에요! 🔥</string>
 
     <!--   header 컴포넌트    -->
     <string name="subscribe">구독</string>
@@ -44,6 +44,11 @@
     <!--    TextField 컴포넌트    -->
     <string name="error_page_over">해당 도서는 %1$dp까지만 있습니다.</string>
 
+    <!--    top app bar 컴포넌트    -->
+    <string name="subscriber">님의 구독자</string>
+    <string name="next">다음</string>
+    <string name="page_name">페이지명</string>
+
     <!--    myGroup 컴포넌트    -->
     <string name="onGoing">진행중</string>
     <string name="recruiting">모집중</string>
@@ -60,4 +65,5 @@
     <string name="groupProgress">"%1$s의 진행도 "</string>
     <string name="groupSearchPlaceHolder">모임방 참여할 사람!</string>
 
+
 </resources>
\ No newline at end of file