From 56067d80d343e4b527030b909477b2f0584e4fa6 Mon Sep 17 00:00:00 2001
From: chysis <chysiss@naver.com>
Date: Thu, 8 Aug 2024 16:45:02 +0900
Subject: [PATCH] =?UTF-8?q?refactor:=20LongReviewItem=20=EC=BB=B4=ED=8F=AC?=
 =?UTF-8?q?=EB=84=8C=ED=8A=B8=EA=B0=80=20=EC=99=B8=EB=B6=80=EC=9D=98=20eve?=
 =?UTF-8?q?nt=EB=A5=BC=20props=EB=A1=9C=20=EB=B0=9B=EC=9D=84=20=EC=88=98?=
 =?UTF-8?q?=20=EC=9E=88=EB=8F=84=EB=A1=9D=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/common/LongReviewItem/index.tsx  | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/common/LongReviewItem/index.tsx b/frontend/src/components/common/LongReviewItem/index.tsx
index 18a743606..6ad068289 100644
--- a/frontend/src/components/common/LongReviewItem/index.tsx
+++ b/frontend/src/components/common/LongReviewItem/index.tsx
@@ -8,22 +8,35 @@ interface LongReviewItemProps extends TextareaHTMLAttributes<HTMLTextAreaElement
   minLength: number;
   maxLength: number;
   initialValue?: string;
+  handleTextareaChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
 }
 
-const LongReviewItem = ({ minLength, maxLength, initialValue = '', style, ...rest }: LongReviewItemProps) => {
+const LongReviewItem = ({
+  minLength,
+  maxLength,
+  initialValue = '',
+  handleTextareaChange,
+  style,
+  ...rest
+}: LongReviewItemProps) => {
   const { value, textLength, isError, errorMessage, handleChange, handleBlur } = useLongReviewItem({
     minLength,
     maxLength,
     initialValue,
   });
 
+  const handleWriteTextarea = (e: React.ChangeEvent<HTMLTextAreaElement>) => {
+    handleChange(e);
+    handleTextareaChange(e);
+  };
+
   return (
     <S.TextareaContainer>
       <S.Textarea
         value={value}
         $isError={isError}
         $style={style}
-        onChange={handleChange}
+        onChange={handleWriteTextarea}
         onBlur={handleBlur}
         {...rest}
       />