feat(S1): 맞춤법 API 요청/응답 처리

[dusunax]

테스트 케이스 이름	설명	선 조건	단계	기대 결과	후 조건	우선순위
맞춤법 API 요청 성공	맞춤법 검사를 성공적으로 진행하는 지 확인한다.	페이지 내용 인풋이 있어야 한다.	1. 페이지 내용 인풋에 값을 입력한다.	맞춤법 오류가 있다면 화면에 표시한다.	맞춤법 검사 결과를 화면에 표시한다.	middle

[dusunax]

맞춤법 검사

• 응답 형태: <color></color>로 감싸진 올바른 맞춤법 텍스트, {text: string}

요청 { text: "왜안되<br>않위<br>어이업음" }
응답 { text: "<color>왜 안돼</color> <br> <color>아누리</color> <br> <color>어이 없음</color>"}

• useSpellCheck 훅에 로직 작성

작업 시 주의점

• 한 game 내에 존재하는 다수의 page의 abridgement, description의 요청을 한 번에 보낸다면 서버에 부담이 되는 경우이므로, 적절한 타이밍에 요청을 보내도록 한다.

구현 방향

• 동일 텍스트에 대한 api 콜을 여러번 보내지 말 것
  • gameId 단위로 pageId로 구분하는 api 응답 결과를 배열로 저장한다.
• 게임 생성 & 페이지 수정 & 페이지 작성 시에만 요청을 보낼 것
  • 해당 뷰가 보이기 전에는 요청을 보내지 않아도 된다.
  • 즉, page에 대한 Editor 컴포넌트가 존재할 때만 요청을 보낸다.
• 사용자가 맞춤법 결과를 적용하거나, 적용하지 않도록 선택할 수 있도록 한다.