From dfcf677cf2da6534c459633cde6c22591d4d4483 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=A0=95=EA=B8=B0=EC=98=81?= <wjdrldud98@gmail.com>
Date: Tue, 13 Aug 2024 13:49:21 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=ED=80=B4=EC=A6=88=EC=85=8B,=20=ED=80=B4?=
 =?UTF-8?q?=EC=A6=88=20=EC=A0=9C=EC=99=B8=20maxlength=20=EB=B0=8F=20maxlen?=
 =?UTF-8?q?gth=20=EC=95=88=EB=82=B4=EB=AC=B8=EA=B5=AC=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ArticleDetailAnswer/ArticleDetailAnswerInput.jsx      | 3 +--
 .../components/Article/CreateArticle/CreateArticle.jsx    | 6 ++++--
 .../src/components/Article/EditArticle/EditArticle.jsx    | 6 ++++--
 .../components/Article/EditFreeboard/EditFreeboard.jsx    | 6 ++++--
 frontend/src/components/Article/EditQna/EditQna.jsx       | 6 ++++--
 .../FreeDetailComments/FreeboardComment.jsx               | 2 +-
 .../FreeDetailComments/FreeboardCommentInput.jsx          | 2 +-
 frontend/src/components/LectureForm/LectureForm.jsx       | 8 ++++----
 .../components/PasswordChangeForm/PasswordChangeForm.jsx  | 6 +++---
 9 files changed, 26 insertions(+), 19 deletions(-)

diff --git a/frontend/src/components/Article/ArticleDetail/ArticleDetailAnswer/ArticleDetailAnswerInput.jsx b/frontend/src/components/Article/ArticleDetail/ArticleDetailAnswer/ArticleDetailAnswerInput.jsx
index 2645447..86ec83e 100644
--- a/frontend/src/components/Article/ArticleDetail/ArticleDetailAnswer/ArticleDetailAnswerInput.jsx
+++ b/frontend/src/components/Article/ArticleDetail/ArticleDetailAnswer/ArticleDetailAnswerInput.jsx
@@ -52,8 +52,7 @@ export default function ArticleDetailAnswerInput({ onSubmit, initialAnswer = '',
         placeholder="답변 작성하기"
         className={styles.input}
       />
-      {answer && answer.length > 950 && <div className={styles.textLength}>{answer.length} / 1000</div>}
-
+      {answer && answer.length > 999 && <div className={styles.textLength}>최대 1000글자까지 작성할 수 있습니다.</div>}
       <button
         type="submit"
         className={styles.button}
diff --git a/frontend/src/components/Article/CreateArticle/CreateArticle.jsx b/frontend/src/components/Article/CreateArticle/CreateArticle.jsx
index cc65a62..83a2f75 100644
--- a/frontend/src/components/Article/CreateArticle/CreateArticle.jsx
+++ b/frontend/src/components/Article/CreateArticle/CreateArticle.jsx
@@ -51,7 +51,7 @@ export default function CreateArticle({ topic, title, onSubmit }) {
             value={articleTitle}
             onChange={(e) => setArticleTitle(e.target.value)}
           />
-          {articleTitle.length > 49 && <div className={styles.textLength}>{articleTitle.length} / 50</div>}
+          {articleTitle.length > 49 && <div className={styles.textLength}>최대 50글자까지 작성할 수 있습니다.</div>}
         </div>
         <div className={styles.fieldWrapper}>
           <label className={styles.label}>내용</label>
@@ -64,7 +64,9 @@ export default function CreateArticle({ topic, title, onSubmit }) {
             onChange={handleInput}
             style={{ overflow: 'hidden' }}
           ></textarea>
-          {articleContent.length > 999 && <div className={styles.textLength}>{articleContent.length} / 1000</div>}
+          {articleContent.length > 999 && (
+            <div className={styles.textLength}>최대 1000글자까지 작성할 수 있습니다.</div>
+          )}
         </div>
         <button
           type="button"
diff --git a/frontend/src/components/Article/EditArticle/EditArticle.jsx b/frontend/src/components/Article/EditArticle/EditArticle.jsx
index a675bdb..5037638 100644
--- a/frontend/src/components/Article/EditArticle/EditArticle.jsx
+++ b/frontend/src/components/Article/EditArticle/EditArticle.jsx
@@ -50,7 +50,7 @@ export default function EditArticle({ topic, title, prevTitle, prevContent, onSu
             value={articleTitle}
             onChange={(e) => setArticleTitle(e.target.value)}
           />
-          {articleTitle.length > 49 && <div className={styles.textLength}>{articleTitle.length} / 50</div>}
+          {articleTitle.length > 49 && <div className={styles.textLength}>최대 50글자까지 작성할 수 있습니다.</div>}
         </div>
         <div className={styles.fieldWrapper}>
           <label className={styles.label}>내용</label>
@@ -62,7 +62,9 @@ export default function EditArticle({ topic, title, prevTitle, prevContent, onSu
             value={articleContent}
             onChange={handleInput}
           ></textarea>
-          {articleContent.length > 950 && <div className={styles.textLength}>{articleContent.length} / 1000</div>}
+          {articleContent.length > 999 && (
+            <div className={styles.textLength}>최대 1000글자까지 작성할 수 있습니다.</div>
+          )}
         </div>
         <button
           type="button"
diff --git a/frontend/src/components/Article/EditFreeboard/EditFreeboard.jsx b/frontend/src/components/Article/EditFreeboard/EditFreeboard.jsx
index 39debb6..0a9558f 100644
--- a/frontend/src/components/Article/EditFreeboard/EditFreeboard.jsx
+++ b/frontend/src/components/Article/EditFreeboard/EditFreeboard.jsx
@@ -50,7 +50,7 @@ export default function EditFreeboard({ topic, title, prevContent, prevTitle, on
             value={articleTitle}
             onChange={(e) => setArticleTitle(e.target.value)}
           />
-          {articleTitle.length > 49 && <div className={styles.textLength}>{articleTitle.length} / 50</div>}
+          {articleTitle.length > 49 && <div className={styles.textLength}>최대 50글자까지 작성할 수 있습니다.</div>}
         </div>
         <div className={styles.fieldWrapper}>
           <label className={styles.label}>내용</label>
@@ -62,7 +62,9 @@ export default function EditFreeboard({ topic, title, prevContent, prevTitle, on
             value={articleContent}
             onChange={handleInput}
           ></textarea>
-          {articleContent.length > 999 && <div className={styles.textLength}>{articleContent.length} / 1000</div>}
+          {articleContent.length > 999 && (
+            <div className={styles.textLength}>최대 1000글자까지 작성할 수 있습니다.</div>
+          )}
         </div>
         <button
           type="button"
diff --git a/frontend/src/components/Article/EditQna/EditQna.jsx b/frontend/src/components/Article/EditQna/EditQna.jsx
index 067b552..b909b22 100644
--- a/frontend/src/components/Article/EditQna/EditQna.jsx
+++ b/frontend/src/components/Article/EditQna/EditQna.jsx
@@ -50,7 +50,7 @@ export default function EditQna({ topic, title, prevContent, prevTitle, onSubmit
             value={articleTitle}
             onChange={(e) => setArticleTitle(e.target.value)}
           />
-          {articleTitle.length > 49 && <div className={styles.textLength}>{articleTitle.length} / 50</div>}
+          {articleTitle.length > 49 && <div className={styles.textLength}>최대 50글자까지 작성할 수 있습니다.</div>}
         </div>
         <div className={styles.fieldWrapper}>
           <label className={styles.label}>내용</label>
@@ -62,7 +62,9 @@ export default function EditQna({ topic, title, prevContent, prevTitle, onSubmit
             value={articleContent}
             onChange={handleInput}
           ></textarea>
-          {articleContent.length > 999 && <div className={styles.textLength}>{articleContent.length} / 1000</div>}
+          {articleContent.length > 999 && (
+            <div className={styles.textLength}>최대 1000글자까지 작성할 수 있습니다.</div>
+          )}
         </div>
         <button
           type="button"
diff --git a/frontend/src/components/Article/FreeboardDetail/FreeDetailComments/FreeboardComment.jsx b/frontend/src/components/Article/FreeboardDetail/FreeDetailComments/FreeboardComment.jsx
index c55de5c..16904f2 100644
--- a/frontend/src/components/Article/FreeboardDetail/FreeDetailComments/FreeboardComment.jsx
+++ b/frontend/src/components/Article/FreeboardDetail/FreeDetailComments/FreeboardComment.jsx
@@ -47,7 +47,7 @@ export default function FreeboardComment({ content, author, onDeleteSubmit, onEd
             className={styles.input}
             required
           />
-          {newComment.length > 190 && <div className={styles.textLength}>{newComment.length} / 200</div>}
+          {newComment.length > 199 && <div className={styles.textLength}>최대 200글자까지 작성할 수 있습니다.</div>}
           <button
             type="submit"
             className={styles.button}
diff --git a/frontend/src/components/Article/FreeboardDetail/FreeDetailComments/FreeboardCommentInput.jsx b/frontend/src/components/Article/FreeboardDetail/FreeDetailComments/FreeboardCommentInput.jsx
index e5162d0..fcd1db5 100644
--- a/frontend/src/components/Article/FreeboardDetail/FreeDetailComments/FreeboardCommentInput.jsx
+++ b/frontend/src/components/Article/FreeboardDetail/FreeDetailComments/FreeboardCommentInput.jsx
@@ -25,7 +25,7 @@ export default function FreeboardCommentInput({ onCommentSubmit }) {
         className={styles.input}
         required
       />
-      {newComment.length > 190 && <div className={styles.textLength}>{newComment.length} / 200</div>}
+      {newComment.length > 199 && <div className={styles.textLength}>최대 200글자까지 작성할 수 있습니다.</div>}
       <button
         type="submit"
         className={styles.button}
diff --git a/frontend/src/components/LectureForm/LectureForm.jsx b/frontend/src/components/LectureForm/LectureForm.jsx
index 98f0c9d..09ef32c 100644
--- a/frontend/src/components/LectureForm/LectureForm.jsx
+++ b/frontend/src/components/LectureForm/LectureForm.jsx
@@ -97,7 +97,7 @@ export default function LectureForm({ title, topic, to = '..', initialValues = {
             placeholder="강의명을 입력하세요"
             required
           />
-          {lectureTitle.length > 49 && <div className={styles.textLength}>{lectureTitle.length} / 50</div>}
+          {lectureTitle.length > 49 && <div className={styles.textLength}>최대 50글자까지 작성할 수 있습니다.</div>}
         </div>
         <div className={styles.inputField}>
           <label className={styles.label}>설명</label>
@@ -108,7 +108,7 @@ export default function LectureForm({ title, topic, to = '..', initialValues = {
             maxLength={2000}
             placeholder="강의에 대한 설명을 입력하세요"
           ></textarea>
-          {description.length > 1999 && <div className={styles.textLength}>{description.length} / 2000</div>}
+          {description.length > 1999 && <div className={styles.textLength}>최대 2000글자까지 작성할 수 있습니다.</div>}
         </div>
         <div className={styles.inputField}>
           <label className={styles.label}>강의 계획</label>
@@ -119,7 +119,7 @@ export default function LectureForm({ title, topic, to = '..', initialValues = {
             maxLength={2000}
             placeholder="강의 계획을 입력하세요"
           ></textarea>
-          {plan.length > 1999 && <div className={styles.textLength}>{plan.length} / 2000</div>}
+          {plan.length > 1999 && <div className={styles.textLength}>최대 2000글자까지 작성할 수 있습니다.</div>}
         </div>
         <div className={styles.inputField}>
           <label className={styles.label}>강의 기간</label>
@@ -156,7 +156,7 @@ export default function LectureForm({ title, topic, to = '..', initialValues = {
             className={styles.input}
             placeholder="실제 강의 진행 시간을 입력하세요"
           />
-          {time.length > 49 && <div className={styles.textLength}>{time.length} / 50</div>}
+          {time.length > 49 && <div className={styles.textLength}>최대 50글자까지 작성할 수 있습니다.</div>}
         </div>
         {onCreate && (
           <div className={styles.inputField}>
diff --git a/frontend/src/components/PasswordChangeForm/PasswordChangeForm.jsx b/frontend/src/components/PasswordChangeForm/PasswordChangeForm.jsx
index 15624c6..0c204bf 100644
--- a/frontend/src/components/PasswordChangeForm/PasswordChangeForm.jsx
+++ b/frontend/src/components/PasswordChangeForm/PasswordChangeForm.jsx
@@ -35,7 +35,7 @@ export default function PasswordChangeForm({ onSubmit, onError }) {
           type="password"
           id="currentPassword"
           ref={currentPasswordRef}
-          maxLength={50}
+          maxLength={200}
           className={error === 'currentPwError' ? styles.inputErrorBox : styles.inputBox}
           required
         />
@@ -47,7 +47,7 @@ export default function PasswordChangeForm({ onSubmit, onError }) {
           type="password"
           id="newPassword"
           ref={newPasswordRef}
-          maxLength={50}
+          maxLength={200}
           className={error === 'samePwError' ? styles.inputErrorBox : styles.inputBox}
           required
         />
@@ -59,7 +59,7 @@ export default function PasswordChangeForm({ onSubmit, onError }) {
           type="password"
           id="confirmPassword"
           ref={confirmPasswordRef}
-          maxLength={50}
+          maxLength={200}
           className={error === 'confirmError' ? styles.inputErrorBox : styles.inputBox}
           required
         />