Repolode
surveyjs

surveyjs/survey-library

React, Angular, Vue 및 순수 JavaScript에서 JSON으로 정의한 양식, 설문, 퀴즈, 다단계 위저드를 렌더링하는 오픈 소스 JavaScript 라이브러리입니다.

대체할 수 있는 제품:TypeformSurveyMonkey

스타
4,925
포크
928
열린 이슈
457
마지막 커밋
8시간 전

어떤 프로젝트인가요?

SurveyJS Form Library는 React, Angular, Vue 3 또는 순수 JavaScript로 만든 웹 애플리케이션에서 동적인 JSON 기반 양식과 설문을 렌더링합니다. 양식 구조, 유효성 검사, 조건부 로직, 탐색 및 모양을 모두 JSON 양식 정의에 지정하며, 응답은 브라우저에서 수집합니다.

프레임워크에 종속되지 않는 survey-core 패키지는 양식 모델, 유효성 검사, 계산, 현지화 및 탐색 기능을 담당하고, 별도의 UI 패키지가 각 프레임워크에서 렌더링을 처리합니다. 이 라이브러리는 SurveyJS 백엔드가 없어도 사용할 수 있으며, 제출된 데이터는 애플리케이션에서 사용하는 서버, API 또는 데이터베이스로 전송됩니다.

다단계 양식, 팝업 설문, 퀴즈, 점수형 설문 및 계산기 양식을 대상으로 합니다. 양식 정의는 직접 작성하거나 AI로 생성하거나, 별도의 SurveyJS Creator 도구에서 시각적으로 만들 수 있습니다.

핵심 기능

  • 01React, Angular, Vue 3 및 순수 JavaScript에서 JSON 정의로 양식을 렌더링합니다
  • 02조건부 표시, 분기, 계산된 값 및 유효성 검사를 지원합니다
  • 03다단계 위저드, 퀴즈, 점수형 설문 및 팝업 설문을 포함합니다
  • 0420개 이상의 기본 질문 유형과 사용자 지정 질문 컴포넌트를 제공합니다
  • 05오른쪽에서 왼쪽으로 쓰는 언어와 기본 제공 테마를 지원하는 현지화 기능을 제공합니다
  • 06SurveyJS 서버 없이 응답을 모든 백엔드 또는 데이터베이스로 전송합니다

활용 사례

  • React 또는 Angular 웹 앱에 다단계 가입 양식이나 신청 양식을 추가
  • 웹사이트에 점수형 퀴즈 또는 지식 테스트 구축
  • 제품에 팝업 피드백 또는 고객 만족도 설문 삽입
  • 서로의 값에 따라 필드가 달라지는 계산기 형태의 양식 만들기

빠른 시작

  1. 1

    React 렌더링 패키지를 설치합니다

    npm install survey-react-ui
  2. 2

    React 시작 가이드에 따라 JSON 형식의 폼 정의를 렌더링합니다

사용 전 알아둘 점

  • 렌더링 패키지는 프레임워크별로 다르므로 앱에 맞는 것을 선택해야 합니다(React, Angular, Vue 3 또는 일반 JavaScript).
  • Creator 기반의 시각적 빌더와 일부 테마 어댑터 같은 고급 기능은 별도의 제품 또는 애드온이며, 이 라이브러리에 포함되지 않습니다.

토픽

자주 묻는 질문

survey-library은(는) 무엇인가요?
React, Angular, Vue 및 순수 JavaScript에서 JSON으로 정의한 양식, 설문, 퀴즈, 다단계 위저드를 렌더링하는 오픈 소스 JavaScript 라이브러리입니다. SurveyJS Form Library는 React, Angular, Vue 3 또는 순수 JavaScript로 만든 웹 애플리케이션에서 동적인 JSON 기반 양식과 설문을 렌더링합니다. 양식 구조, 유효성 검사, 조건부 로직, 탐색 및 모양을 모두 JSON 양식 정의에 지정하며, 응답은 브라우저에서 수집합니다.
survey-library은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
survey-library은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
survey-library은(는) 아직 유지보수되고 있나요?
활발히 유지보수 중. survey-library의 마지막 커밋은 2026년 11월 6일입니다.
survey-library은(는) 어디에 사용할 수 있나요?
React 또는 Angular 웹 앱에 다단계 가입 양식이나 신청 양식을 추가 웹사이트에 점수형 퀴즈 또는 지식 테스트 구축 제품에 팝업 피드백 또는 고객 만족도 설문 삽입 서로의 값에 따라 필드가 달라지는 계산기 형태의 양식 만들기
survey-library는 어떻게 설치하나요?
React 렌더링 패키지를 설치합니다: npm install survey-react-ui React 시작 가이드에 따라 JSON 형식의 폼 정의를 렌더링합니다
survey-library은(는) 어디서 받을 수 있나요?
소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/surveyjs/survey-library

요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.

관련 프로젝트