Skip to content

Commit

Permalink
chore: 서술형 답변에 최대 max의 2배 길이 문자열을 붙여 넣어도 문자열이 잘리지 않도록 수정 (#578)
Browse files Browse the repository at this point in the history
  • Loading branch information
chysis authored Sep 6, 2024
1 parent 7c59caf commit 32cb9e1
Show file tree
Hide file tree
Showing 2 changed files with 3 additions and 6 deletions.
1 change: 0 additions & 1 deletion frontend/src/pages/ReviewWritingPage/constants/textarea.ts
Original file line number Diff line number Diff line change
@@ -1,5 +1,4 @@
export const TEXT_ANSWER_LENGTH = {
min: 20,
max: 1000,
extra: 10,
};
Original file line number Diff line number Diff line change
Expand Up @@ -28,18 +28,16 @@ const useTextAnswer = ({ question }: UseTextAnswerProps) => {
const handleTextAnswerChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {
const { value } = event.target;

// NOTE: max 넘치는 글자는 max+ extra 만큼 자르는 이유
// 1. 글자는 사용자가 입력한대로 보여줘야한다. (복붙해서 사용할때 이슈 있었음)
// 2. 과도한 입력을 방지하기 위해 max를 넘어서는 일정 수준에서 글자를 자른다.
sliceTextAnswer(value);
handleErrorMessageOnChange(value);
handleUpdateAnswerState(value);
};

const sliceTextAnswer = (value: string) => {
const { max, extra } = TEXT_ANSWER_LENGTH;
const { max } = TEXT_ANSWER_LENGTH;

setText(value.slice(0, max + extra));
// 최대 max의 2배 길이 문자열까지 붙여넣어도 문자열이 잘리지 않도록 설정
setText(value.slice(0, max * 2));
};

type TextAnswerErrorMessage = keyof typeof TEXT_ANSWER_ERROR_MESSAGE;
Expand Down

0 comments on commit 32cb9e1

Please sign in to comment.