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 + 클릭
하면 해당 변수들이 어떤 파일들에서 사용되고 있는지도 알 수 있으므로 서비스 로직을 파악할때도 도움을 준다고 생각한다.
정리하면,