React

[React] 더미(가짜)데이터 생성하는 라이브러리 faker 라이브러리가 아닌 새로 나온 @faker-js/faker로 진행해보자

HA젠옹 2024. 3. 25. 16:41
반응형

서론

소프트웨어 개발에서 특히 테스트, 개발 및 데모 시나리오에서 가짜 데이터를 사용하는 것이 일반적인 관행입니다. 이를 통해 개발자와 테스터는 민감한 정보나 개인 정보를 사용할 필요 없이 애플리케이션이 실제 데이터로 어떻게 작동하는지 시뮬레이션할 수 있습니다. 수년 동안 'faker' 라이브러리는 JavaScript를 포함한 다양한 프로그래밍 언어에서 가짜 데이터를 생성하기 위한 솔루션으로 두각을 나타냈습니다. 그러나 원래 faker 라이브러리의 유지 관리가 중단됨에 따라 커뮤니티 중심 포크인 @faker-js/faker가 새로운 표준으로 등장했습니다.

새로나온 @faker-js/faker에 대해 말해볼려고 합니다.

 

시대의 종말: 'faker'와의 작별

'faker' 라이브러리는 이름과 주소부터 이메일, lorem ipsum 텍스트 등에 이르기까지 현실적인 더미 데이터를 생성하기 위한 개발자 툴킷의 필수 요소였습니다. 사용하기 쉽고 광범위한 데이터 생성 기능 덕분에 애플리케이션 개발, 테스트 및 프로토타입 제작에 매우 유용했습니다. 그러나 그 인기에도 불구하고 'faker' 라이브러리의 개발 및 유지보수는 중단된 상태이다. 이러한 중단은 특히 장기 프로젝트 유지 관리 및 보안 업데이트와 관련하여 강력한 최신 가짜 데이터 생성 솔루션에 의존하는 개발자에게 과제를 안겨줍니다.

 

'faker'의 중단으로 인해 생긴 격차를 인식한 커뮤니티는 이전 버전의 유산을 지속하고 확장하는 것을 목표로 하는 포크인 '@faker-js/faker'를 만들기 위해 모였습니다. 이 포크는 최신 개발 표준 및 보안 관행으로 라이브러리를 최신 상태로 유지하는 것을 목표로 하는 단순한 연속이 아니라 개선입니다. @faker-js/faker는 드롭인 대체용으로 설계되어 원래 라이브러리의 모든 기능을 제공하는 동시에 성능, 모듈성 및 커뮤니티 중심 기능이 향상되었습니다.

 

주요 기능 및 개선 사항

  • 적극적인 유지 관리 및 커뮤니티 지원: @faker-js/faker는 적극적인 개발 및 커뮤니티 지원의 혜택을 받아 라이브러리가 관련성과 보안을 유지하도록 보장합니다.
  • 모듈식 아키텍처: 보다 효율적인 트리 쉐이킹 프로세스를 촉진하여 최신 JavaScript 프로젝트에서 사용할 때 잠재적으로 번들 크기를 줄일 수 있습니다.
  • 확장 및 업데이트된 데이터 세트: 라이브러리는 'faker'의 광범위한 데이터 생성 기능을 상속받을 뿐만 아니라 이러한 데이터 세트에 업데이트 및 확장 기능을 도입합니다.
  •  

전환하기

원본 faker 라이브러리의 API와의 호환성 덕분에 @faker-js/faker 전환하는 것은 간단합니다. 프로젝트에서 @faker-js/faker 사용을 시작하려면 먼저 이전 faker 패키지를 제거해야 합니다.

npm uninstall faker

 

그런 다음 @faker-js/faker 개발 종속성으로 설치합니다.

npm install --save-dev @faker-js/faker

 

만약, 처음 사용하시는 부분이라면 faker 패키지를 따로 제거할 필요 없이 @faker-js/faker만 설치해주시면 됩니다.

 

사용 예제

import React from 'react';
import { faker } from '@faker-js/faker';

const DummyUserList = () => {
  const users = Array.from({ length: 10 }, () => ({
    id: faker.datatype.uuid(),
    name: faker.name.fullName(),
    email: faker.internet.email(),
  }));

  return (
    <ul>
      {users.map(user => (
        <li key={user.id}>{user.name} - {user.email}</li>
      ))}
    </ul>
  );
};

export default DummyUserList;

 

 

 

@faker-js/faker

Generate massive amounts of fake contextual data. Latest version: 8.4.1, last published: 2 months ago. Start using @faker-js/faker in your project by running `npm i @faker-js/faker`. There are 1035 other projects in the npm registry using @faker-js/faker.

www.npmjs.com

결론

'faker' 라이브러리의 중단은 시대의 끝이자 '@faker-js/faker' 통한 새로운 장의 시작을 의미합니다. 커뮤니티 중심 이니셔티브를 통해 개발자는 강력하고 진화하는 가짜 데이터 생성 도구에 액세스할 있습니다. @faker-js/faker 전환하면 원본 라이브러리의 모든 이점을 계속 누리는 동시에 포크와 함께 제공되는 향상된 기능과 지원도 활용할 있습니다.

반응형