[기술공유] express validator - connect-foundation/2019-07 GitHub Wiki

유효성 검사를 좀 더 간편하게! express-validator (이수정)

express에서 쓸 수 있는 유효성 검사 모듈이에요. 미들웨어나 API 형태로도 활용이 가능하고, 유효성 검사 뿐만 아니라 tokenizer처럼 활용될 수 있습니다! validator.js를 활용해 좀 더 편리하게 제작되었다고 해요.

저희는 원래 유효성 검사를 이렇게 해봤어요

function checkJsonHasKeys(body, keys) {
  return !keys.find((element) => body[element] === undefined);
}

위 함수를 만들어서, req.body에 원하는 형태의 element들이 있는지 확인하는 방식이었죠!

코드리뷰 덕분에..

image

리뷰어님 덕분에 이렇게 좋은 모듈이 있다는 것을 알게 되었습니다. 그리고 바로 api 리팩토링을 시작한 4주차, 드디어 모듈을 통해서 유효성 검사를 깔끔하게 할 수 있었어요. 얼만큼 깔끔해졌는지는 아래를 확인해보세요 :)

어떻게 바뀌었나요?

기존에는 POST 형태의 api를 사용해서, body의 인자를 체크해야했지만 이번에는 GET형태를 사용하게 되어 따로 인자를 체크할 필요는 없어졌습니다. parameter에 값이 들어오지 않으면 해당 주소로 들어오지 않았기 때문이죠!

그래서 6자리와 숫자 여부를 체크하던 코드를 보여드릴게요 :)

원래는 이렇게 체크하던 코드가
if (!roomNumber || roomNumber.length !== 6 || /[^0-9]/.test(roomNumber))
이렇게 바뀌었습니다!
  await check('roomNumber')
    .trim()
    .isLength(6)
    .bail()
    .isNumeric()
    .run(req);

코드는 좀 길어보이지만, 좀 더 명확한 형태로 확인할 수 있게 되었어요!

trim()을 통해 roomNumber에 공백이 있다면 자르게 되고, 이 이후에 roomNumber는 공백이 잘린 채로 넘어가게 되서, 다음 미들웨어에서도 활용할 수 있어요.

isLength(6)! 딱 봐도 길이가 6글자인지 확인하는 구문인 것 같죠? {min: 0, max: undefined}와 같이 최소 최대 값도 지정할 수 있습니다.

bail()은 여기서 만약 에러가 떴다면, 다음 검사를 하지 않겠다는 뜻이에요. 좀 더 빨리 에러를 확인할 수 있게 된답니다 👍

isNumeric()은 숫자 형태가 맞는지를 확인해요. string으로 들어왔더라도, 그 string이 숫자인지 확인해주기 때문에 별도의 처리를 해주지 않아도 되는 편리함이 있었습니다..!

여러분도 유효성 검사를 할 필요가 있다면, express-validator를 사용해보세요!

더 많은 유효성 검사 함수들은 공식 문서에서 확인하실 수 있습니다 :)

validator로의 리팩토링 과정을 확인하시고 싶으시면 #78 Refactor: api 형태 변경으로 구경오세요 🤭