본문 바로가기
개발 기초 다지기

효율적인 응답 메세지 관리 (message.constant.js 파일 이용하기)

by 너의고래 2024. 6. 3.
반응형

프로젝트를 진행하다보면, 응답 메세지를 정말 많이 보내게 된다. 지금까지는 그냥 json형식으로 직접 하나씩 입력해서 반환해주었는데, 이 경우 메세지를 수정해야한다거나, 같은 메세지를 반복해서 입력해야하다보면 여간 번거로운게 아니다. 그래서 응답 메세지를 많이 반환할 경우 유용하게 사용할 수 있는 message.constant.js 파일 사용에 대해 정리해보려 한다.

 

- constant 폴더란?

VSCode에서 JavaScript 프로젝트를 작업할 "constant" 폴더를 사용하는 것은 일반적인 관례 하나입니다. 폴더는 주로 상수 값들을 정의하는 사용됩니다. 상수는 프로그램 전체에서 일관된 값을 사용하고자 유용하며, 이러한 값들을 곳에 모아두는 좋은 프로그래밍 관행입니다.

 

- message.constant.js

constant 폴더에서 설명했듯이 message.constant.js는 일관된 응답 메세지 값들을 한 곳에 모아두는 파일이다.

이 파일을 이용하는 방법은 간단하다. 모듈을 사용하여, 객체형태로 입력한 가지모양의 messages를 export로 내보내고 사용하려는 router파일에 import 해주면 된다.

 

 

 

 

- message.constant.js 파일 객체 구성

 

이런식으로 AUTH 속에 COMMON 그 속에 EMAIL 타고타고 들어가면 메세지에 도달할 수 있다.

우측은 내가 맡은 댓글 파트로 content required가 들어가는 곳이 2곳이었기 때문에 굳이 메세지를 하나씩 입력하지 않고, 저 루트를 입력해주었다.

 

- message.constant.js 실제 router.js에서 사용 예

 

조금전에 말한 "댓글을 입력해주세요."라는 메세지가 들어가야할 곳이다. 평소같았으면 .json({message: "댓글을 입력해주세요."})라고 사용했을 것인데 'MESSAGES.POST.COMMENT.CONTENT.REQUIRED'로 대체하였다.

처음에는 바로 메세지가 눈에 보이는 것이 아니다보니 "오히려 약간 불편한데.."라는 생각이 들기도했는데, 메세지 수정이 필요할 경우, 메세지를 한 번에 확인해야할 경우를 생각하면 이렇게 사용하는 것이 옳은 선택이라고 생각한다. 그리고 사용하다보면 또 이게 더 직관적이고 편하다고 느껴지게되었다.

 

 

사실 아직 큰 프로젝트를 하고있지는 않기 때문에 효율성과 미래의 수정을 대비한 미들웨어와 constant과 같은 작업이 크게 와닿는 단계는 아니다. 하지만 점점 프로젝트의 규모가 커질수록 나에게 살과 피가 될것이기 때문에 지금부터 이해하고 활용하는 버릇을 들여보려한다.

반응형

댓글