개발 아이디어 - 메세지 상수화

sign.up.tsx
mypage.tsx
여러 파일에 같은 메세지가 사용될 때, 문자 리터럴로 매번 새로 써주면 단점이 해당 메세지를 변경할때 일일이 여러 파일들을 검색해서 다 바꿔줘야한다는 것이다.

const checkAccountId = async (accountId) => {
  try {
    const { status, data } = await CHECK_ACCOUNT_ID(accountId);
    setServerMsg('이미 가입되어 있는 아이디입니다.');
  } catch {
    // 에러 처리
  }
}

메세지들을 변수에 담아 따로 메세지들만 가지고 있는 파일을 만든다면 서비스에서 사용중인 메세지들이 어떤 것들이 있는지 쉽게 파악할 수 있고 변수 값만 바꿔주면 여러 파일에서 해당 변수를 끌어다 쓰고 있을 경우 한꺼번에 변경 내용 적용이 가능하다.

관리와 개발 효율 측면에서 훨씬 낫다고 생각했다.

메세지들을 관리하는 파일 생성

message.ts

export const ACCOUNT_ID_EXIST = '이미 가입되어 있는 아이디입니다.';
export const PHONE_EXIST = '이미 가입되어 있는 휴대폰입니다';

webstorm을 쓰고 있다면 변수명을 Command + 클릭 하면 해당 변수들이 어떤 파일들에서 사용되고 있는지도 알 수 있으므로 서비스 로직을 파악할때도 도움을 준다고 생각한다.

정리하면,

1. 메세지들을 각각 변수에 담아 한 파일에서 한꺼번에 관리하면 어떤 메세지들이 사용되고 있는지 한 번에 파악 가능하다. (관리성 +)
2. 여러 파일에서 사용중인 메세지들의 업데이트가 한 방에 이루어진다. (생산성 +)
3. 메세지들이 어떤 파일들에서 사용중인지 IDE 기능을 통해 쉽게 파악 가능하므로 서비스 로직 파악에 도움된다.