diff --git a/src/components/Recipe/RecipeItem/RecipeItem.stories.tsx b/src/components/Recipe/RecipeItem/RecipeItem.stories.tsx
index 2f553f06..edef2731 100644
--- a/src/components/Recipe/RecipeItem/RecipeItem.stories.tsx
+++ b/src/components/Recipe/RecipeItem/RecipeItem.stories.tsx
@@ -27,10 +27,7 @@ export const Default: Story = {
-
-
-
-
+
);
},
@@ -45,10 +42,7 @@ export const Recipe: Story = {
-
-
-
-
+
);
@@ -80,10 +74,7 @@ export const Search: Story = {
-
-
-
-
+
);
},
diff --git a/src/components/Recipe/RecipeItem/RecipeItem.tsx b/src/components/Recipe/RecipeItem/RecipeItem.tsx
index 89345048..ac20cd6c 100644
--- a/src/components/Recipe/RecipeItem/RecipeItem.tsx
+++ b/src/components/Recipe/RecipeItem/RecipeItem.tsx
@@ -128,13 +128,13 @@ const Author = () => {
return {`${author.nickname} 님`};
};
-const CreatedDate = () => {
+const AuthorAndCreatedDate = () => {
const { recipe } = useRecipeItemValueContext();
- const { createdAt } = recipe;
+ const { author, createdAt } = recipe;
return (
- · {getRelativeDate(createdAt)}
+ {`${author.nickname} 님 · ${getRelativeDate(createdAt)}`}
);
};
@@ -155,7 +155,7 @@ RecipeItem.ProductButton = ProductButton;
RecipeItem.ProductCircleButton = ProductCircleButton;
RecipeItem.Title = Title;
RecipeItem.Author = Author;
-RecipeItem.CreatedDate = CreatedDate;
+RecipeItem.AuthorAndCreatedDate = AuthorAndCreatedDate;
RecipeItem.Content = Content;
export default RecipeItem;