온라인 데이터 분석 및 내보내기를 지원하는 오픈소스 설문·양식 제작 도구로, 설문지·시험·투표·퀴즈를 만들 수 있습니다.
surveyjs/survey-library
React, Angular, Vue 및 순수 JavaScript에서 JSON으로 정의한 양식, 설문, 퀴즈, 다단계 위저드를 렌더링하는 오픈 소스 JavaScript 라이브러리입니다.
대체할 수 있는 제품:Typeform
SurveyMonkey
- 스타
- 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
React 렌더링 패키지를 설치합니다
npm install survey-react-ui - 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 통계는 매일 갱신됩니다.
관련 프로젝트
설문조사, 퀴즈, 투표를 위한 오픈 소스 대화형 폼 빌더로, 호스팅형 클라우드와 셀프 호스팅을 모두 지원합니다.
코드 없이 편집하고 웹사이트에 삽입할 수 있는 양식, 알림, 연동 기능과 셀프 호스팅 옵션을 제공하는 오픈소스 양식 빌더입니다.
Nextcloud에서 설문과 질문지를 만들고 응답을 자체 서버에 수집하는 셀프 호스팅 양식 앱입니다.
앱 내, 웹사이트, 링크, 이메일 설문을 지원하는 오픈소스 설문 플랫폼으로, Qualtrics의 대안입니다.
AI 기반 설문 작성과 응답 분석을 지원하는 설문·채점 시험·문제은행 연습용 셀프 호스팅 플랫폼입니다.