자바스크립트 웹 애플리케이션 파라미터 밸리데이션

10 Sep 2023

javascript

웹 애플리케이션을 개발할 때, 사용자로부터 입력받은 파라미터의 유효성을 확인하는 것은 중요한 부분입니다. 파라미터의 유효성을 체크하지 않으면, 애플리케이션은 예기치 않은 동작이 발생할 수 있습니다. 이를 방지하기 위해 자바스크립트로 파라미터를 밸리데이션하는 방법을 알아보겠습니다.

1. 유효성 체크 라이브러리 사용

많은 개발자들은 편의성과 안정성을 위해 이미 개발된 유효성 체크 라이브러리를 사용합니다. 이러한 라이브러리들은 파라미터의 타입, 길이, 형식 등을 체크할 수 있는 다양한 메소드와 함수를 제공합니다.

가장 인기있는 유효성 체크 라이브러리 중 하나는 Joi입니다. Joi는 Node.js와 브라우저에서 사용할 수 있는 강력한 유효성 체크 라이브러리로, JSON 스키마 기반의 유효성 체크를 제공합니다.

const Joi = require('joi');

const schema = Joi.object({
  name: Joi.string().required(),
  email: Joi.string().email().required(),
  age: Joi.number().min(18).max(99).required(),
});

const userInput = {
  name: 'John Doe',
  email: 'john.doe@example.com',
  age: 25,
};

const { error, value } = schema.validate(userInput);

if (error) {
  console.log('유효성 체크 실패:', error);
} else {
  console.log('유효성 체크 성공:', value);
}

위의 예제에서는 name, email, age가 유효하게 입력되었는지를 체크하고 있습니다. 각각의 필드에 대해서는 유효성 체크 조건을 지정할 수 있으며, 조건에 맞지 않는 경우 error에 에러 정보가 담기게 됩니다.

2. 직접 구현하기

유효성 체크 라이브러리를 사용하지 않고, 직접 유효성 체크 함수를 구현할 수도 있습니다. 이 방법은 라이브러리를 사용하지 않아도 되기 때문에 프로젝트의 종속성을 줄일 수 있는 장점이 있습니다.

function validateParams(userInput) {
  if (!userInput.name || typeof userInput.name !== 'string') {
    throw new Error('유효하지 않은 이름입니다.');
  }

  if (!userInput.email || typeof userInput.email !== 'string' || !userInput.email.includes('@')) {
    throw new Error('유효하지 않은 이메일입니다.');
  }

  if (!userInput.age || typeof userInput.age !== 'number' || userInput.age < 18 || userInput.age > 99) {
    throw new Error('유효하지 않은 나이입니다.');
  }

  return userInput;
}

try {
  const userInput = {
    name: 'John Doe',
    email: 'john.doe@example.com',
    age: 25,
  };

  const validatedParams = validateParams(userInput);

  console.log('유효성 체크 성공:', validatedParams);
} catch (error) {
  console.log('유효성 체크 실패:', error.message);
}

위의 예제에서는 validateParams 함수를 사용하여 파라미터를 체크하고 있습니다. 각각의 필드에 대해서 유효성 체크를 직접 구현하고, 조건에 맞지 않는 경우 에러를 throw합니다. 이렇게 구현한 유효성 체크 함수는 예외 처리를 통해 유효성 체크 실패를 처리할 수 있습니다.

결론

파라미터의 유효성을 체크하는 것은 안정적인 웹 애플리케이션을 개발하기 위해 꼭 필요한 과정입니다. 유효성 체크 라이브러리를 사용하거나 직접 구현하는 방법 중 선택할 수 있으며, 라이브러리를 사용할 경우 편의성과 안정성을 높일 수 있습니다. 자신에게 가장 적합한 방법을 선택하여 웹 애플리케이션의 파라미터를 체크하는 것을 추천합니다.