solidjs/solid

어떤 프로젝트인가요?

핵심 기능

• 01세밀한 업데이트를 지원하며 JSX 템플릿을 실제 DOM 노드로 컴파일
• 02반응형 signals와 파생 값을 통한 자동 의존성 추적
• 03전역 상태 관리를 위한 Context와 Stores 내장
• 04비동기 데이터를 위한 Resources, Suspense, 동시 렌더링
• 05스트리밍 및 점진적 하이드레이션을 지원하는 서버 사이드 렌더링
• 06커스텀 요소와 커스텀 렌더러 지원

활용 사례

• 세밀한 반응성을 갖춘 클라이언트 렌더링 싱글 페이지 애플리케이션 구축
• 스트리밍 및 점진적 하이드레이션이 필요한 서버 렌더링 웹 앱 구축
• 재사용 가능한 웹 컴포넌트 또는 커스텀 요소 작성
• 직접 DOM에 접근해 D3 같은 기존 네이티브 JavaScript 라이브러리와 연동

빠른 시작

1. 1

   degit으로 JavaScript 앱의 기본 구조를 생성합니다

   npx degit solidjs/templates/js my-app
2. 2

   프로젝트 폴더로 이동합니다

   cd my-app
3. 3

   종속성을 설치합니다

   npm i
4. 4

   개발 서버를 시작합니다

   npm run dev

토픽

자주 묻는 질문

solid은(는) 무엇인가요?

Virtual DOM 대신 JSX를 실제 DOM 업데이트로 컴파일하고 세밀한 반응성을 제공하는 선언형 JavaScript UI 라이브러리입니다. Solid는 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리입니다. Virtual DOM을 사용하는 대신 JSX 템플릿을 실제 DOM 노드로 컴파일하고, 상태가 바뀌면 해당 상태에 의존하는 표현식만 업데이트합니다. 컴포넌트는 뷰를 설정할 때 한 번만 실행되는 일반 함수이며, 나머지는 signals, 파생 값, effects가 처리합니다.

solid은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

solid은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

solid은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. solid의 마지막 커밋은 2026년 10월 24일입니다.

solid은(는) 어디에 사용할 수 있나요?

세밀한 반응성을 갖춘 클라이언트 렌더링 싱글 페이지 애플리케이션 구축 스트리밍 및 점진적 하이드레이션이 필요한 서버 렌더링 웹 앱 구축 재사용 가능한 웹 컴포넌트 또는 커스텀 요소 작성 직접 DOM에 접근해 D3 같은 기존 네이티브 JavaScript 라이브러리와 연동

solid는 어떻게 설치하나요?

degit으로 JavaScript 앱의 기본 구조를 생성합니다: npx degit solidjs/templates/js my-app 프로젝트 폴더로 이동합니다: cd my-app 종속성을 설치합니다: npm i 개발 서버를 시작합니다: npm run dev

solid은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/solidjs/solid