Refactor/#270-B: 에러 메세지 상수화 및 적용 (#273)

* refactor: server 에러 메세지 상수화 및 적용

Resolve: #270

* refactor: client 에러 메세지 상수화 및 적용

Resolve: #270

* fix: error-message 가 달라서 test 실패 -> CI 실패 에러 해결

* refactor: 오타 수정

* refactor: conflict 해결

* refactor: 오타 수정 적용

Author: dohun31

client/src/components/WorkspaceModal/CreateSuccessModal.tsx

@@ -1,4 +1,5 @@
 import { useNavigate } from 'react-router-dom';
+import ERROR_MESSAGE from 'src/constants/error-message';
 import { Workspace } from 'src/types/workspace';
 
 import FormModal, { ModalContents } from './FormModal';
@@ -17,7 +18,7 @@ function CreateSuccessModal({
   const navigate = useNavigate();
 
   if (!workspace) {
-    throw new Error('일어날 수 없는 일이 일어났어요 ^^');
+    throw new Error(ERROR_MESSAGE.IMPOSSIBLE_HAPPENED);
   }
 
   const { id, code } = workspace;

client/src/components/WorkspaceSettingModal/index.tsx

@@ -3,6 +3,7 @@ import { useParams } from 'react-router-dom';
 import Button from 'src/components/common/Button';
 import CopyButton from 'src/components/common/CopyButton';
 import Modal from 'src/components/common/Modal';
+import ERROR_MESSAGE from 'src/constants/error-message';
 import useWorkspacesContext from 'src/hooks/useWorkspacesContext';
 
 import style from './style.module.scss';
@@ -19,7 +20,7 @@ function WorkspaceSettingModal({ title, onClose }: WorkspaceSettingModalProps) {
   const workspace = workspaces.find((workspace) => workspace.id === Number(id));
 
   if (!workspace) {
-    throw new Error('일어날 수 없는 일이 일어났어요 ^^');
+    throw new Error(ERROR_MESSAGE.IMPOSSIBLE_HAPPENED);
   }
 
   const { code } = workspace;

client/src/constants/error-message.ts

@@ -0,0 +1,7 @@
+const ERROR_MESSAGE = {
+  OUT_OF_CONTEXT_SCOPE: '해당 Context는 정의된 Scope안에서만 사용 가능해요 ^^',
+  UNAUTHORIZED: '인증되지 않은 유저에요 ^^',
+  IMPOSSIBLE_HAPPENED: '일어날 수 없는 일이 발생했어요 ^^',
+};
+
+export default ERROR_MESSAGE;

client/src/hooks/useCRDT.tsx

@@ -4,6 +4,7 @@ import LinkedList, {
   RemoteDeleteOperation,
 } from '@wabinar/crdt/linked-list';
 import { useRef } from 'react';
+import ERROR_MESSAGE from 'src/constants/error-message';
 import { useUserContext } from 'src/hooks/useUserContext';
 
 enum OPERATION_TYPE {
@@ -19,7 +20,7 @@ interface RemoteOperation {
 export function useCRDT() {
   const { user } = useUserContext();
 
-  if (!user) throw new Error('인증되지 않은 유저에요 ^^');
+  if (!user) throw new Error(ERROR_MESSAGE.UNAUTHORIZED);
 
   const { id: clientId } = user;
 

client/src/hooks/useMeetingContext.ts

@@ -1,11 +1,11 @@
 import { useContext } from 'react';
+import ERROR_MESSAGE from 'src/constants/error-message';
 import MeetingContext from 'src/contexts/meeting';
 
 export function useMeetingContext() {
   const context = useContext(MeetingContext);
 
-  if (!context)
-    throw new Error('ConfContext는 정의된 스코프 안에서만 사용 가능해요 ^^');
+  if (!context) throw new Error(ERROR_MESSAGE.OUT_OF_CONTEXT_SCOPE);
 
   return context;
 }

client/src/hooks/useSelectedMom.ts

@@ -1,10 +1,11 @@
 import { useContext } from 'react';
+import ERROR_MESSAGE from 'src/constants/error-message';
 import { SelectedMomContext } from 'src/contexts/selected-mom';
 
 export default function useSelectedMom() {
   const context = useContext(SelectedMomContext);
 
-  if (!context) throw new Error('아니요. 없어요.');
+  if (!context) throw new Error(ERROR_MESSAGE.OUT_OF_CONTEXT_SCOPE);
 
   return context;
 }

client/src/hooks/useSocketContext.ts

@@ -1,11 +1,11 @@
 import { useContext } from 'react';
+import ERROR_MESSAGE from 'src/constants/error-message';
 import { SocketContext } from 'src/contexts/socket';
 
 export default function useSocketContext() {
   const context = useContext(SocketContext);
 
-  if (!context)
-    throw new Error('SocketContext는 정의된 스코프 안에서만 사용 가능해요 ^^');
+  if (!context) throw new Error(ERROR_MESSAGE.OUT_OF_CONTEXT_SCOPE);
 
   return context;
 }

client/src/hooks/useUserContext.tsx

@@ -1,11 +1,11 @@
 import { useContext } from 'react';
+import ERROR_MESSAGE from 'src/constants/error-message';
 import UserContext from 'src/contexts/user';
 
 export function useUserContext() {
   const context = useContext(UserContext);
 
-  if (!context)
-    throw new Error('UserContext는 정의된 스코프 안에서만 사용 가능해요 ^^');
+  if (!context) throw new Error(ERROR_MESSAGE.OUT_OF_CONTEXT_SCOPE);
 
   return context;
 }

client/src/hooks/useWorkspacesContext.ts

@@ -1,11 +1,11 @@
 import { useContext } from 'react';
+import ERROR_MESSAGE from 'src/constants/error-message';
 import WorkspacesContext from 'src/contexts/workspaces';
 
 export default function useWorkspacesContext() {
   const context = useContext(WorkspacesContext);
 
-  if (!context)
-    throw new Error('UserContext는 정의된 스코프 안에서만 사용 가능해요 ^^');
+  if (!context) throw new Error(ERROR_MESSAGE.OUT_OF_CONTEXT_SCOPE);
 
   return context;
 }

server/apis/auth/service.github.ts

@@ -1,4 +1,5 @@
 import env from '@config';
+import ERROR_MESSAGE from '@constants/error-message';
 import AuthorizationError from '@errors/authorization-error';
 import axios from 'axios';
 
@@ -25,7 +26,7 @@ export const getAccessToken = async (code: string) => {
   );
 
   if (accessTokenResponse.error) {
-    throw new Error('access token 생성 요청 실패');
+    throw new Error(ERROR_MESSAGE.ACCESS_TOKEN_REQUEST_FAILED);
   }
 
   return accessTokenResponse;
@@ -39,7 +40,7 @@ export const getGithubUser = async (accessToken: string, tokenType: string) => {
   });
 
   if (user.error) {
-    throw new AuthorizationError('OAuth 유저 정보 요청 실패');
+    throw new AuthorizationError(ERROR_MESSAGE.UNAUTHORIZED_OAUTH);
   }
 
   return user;