Repolode
teambit

teambit/bit

JavaScript/TypeScript 소스를 개발부터 CI와 배포까지 재사용 가능한 컴포넌트로 구성하는 빌드 시스템이자 워크스페이스 도구입니다.

스타
18,505
포크
963
열린 이슈
84
마지막 커밋
8시간 전

어떤 프로젝트인가요?

Bit은 소스 코드를 조합 가능한 컴포넌트로 구성하고, 로컬 개발부터 CI와 릴리스까지 연결하는 빌드 시스템입니다. 컴포넌트에 버전을 지정하고 빌드한 뒤 내보내면, 다른 프로젝트에서 표준 패키지 관리자로 설치할 수 있습니다.

Bit은 JavaScript 및 TypeScript 프로젝트를 대상으로 하며 Node.js, React, Angular, Vue, React Native, Next.js용 공식 개발 환경을 제공합니다. 모노레포, 폴리레포 또는 저장소 구조가 없는 환경에서도 사용할 수 있으며, MCP를 통해 AI 에이전트가 기존 컴포넌트를 만들고 재사용할 수도 있습니다.

워크플로의 중심은 템플릿으로 컴포넌트를 만들고, 이를 애플리케이션 셸로 조합한 다음, 시맨틱 버전을 태그하고 Bit Cloud 또는 자체 호스팅 scope 서버에서 운영하는 scope로 내보내는 것입니다.

핵심 기능

  • 01여러 프로젝트에서 공유할 수 있는 재사용 가능한 UI 컴포넌트와 모듈을 만듭니다.
  • 02개발자와 AI 에이전트 모두 사용할 수 있는 컴포넌트 빌드 템플릿을 제공합니다.
  • 03컴포넌트를 실행하고 배포할 수 있는 애플리케이션 셸로 조합합니다.
  • 04시맨틱 버전 관리로 컴포넌트에 버전을 지정하고 scope로 내보냅니다.
  • 05React, Vue, Angular, Node.js, React Native, Next.js 프로젝트를 지원합니다.

활용 사례

  • 코드를 복사하지 않고 여러 프론트엔드 애플리케이션에서 UI 컴포넌트를 공유합니다.
  • 대규모 코드베이스를 독립적으로 버전을 관리할 수 있는 패키지로 나눕니다.
  • AI 코딩 에이전트가 컴포넌트를 중복 작성하지 않고 기존 컴포넌트를 재사용하도록 합니다.

빠른 시작

  1. 1

    Bit 설치 프로그램으로 Bit을 설치합니다

    npx @teambit/bvm install
  2. 2

    Bit 플랫폼에서 만든 scope를 사용해 프로젝트에서 Bit을 초기화합니다

    bit init --default-scope my-org.my-project
  3. 3

    React 애플리케이션 셸을 만듭니다

    bit create react-app corporate-website
  4. 4

    애플리케이션 셸을 실행한 다음 http://localhost:3000을 엽니다

    bit run corporate-website

사용 전 알아둘 점

  • Bit을 초기화하려면 Bit 플랫폼에서 scope를 만들어야 하므로 기본 워크플로에는 Bit Cloud 계정이 필요합니다.
  • 기본적으로 로컬에서 --build 플래그를 사용하지 않으면 호스팅된 Ripple CI 서비스가 컴포넌트를 빌드합니다.

포함된 컬렉션

토픽

#monorepo#component-driven#typescript#react#micro-frontend#build-tool#ci-cd#ai#collaboration#composable

자주 묻는 질문

bit은(는) 무엇인가요?
JavaScript/TypeScript 소스를 개발부터 CI와 배포까지 재사용 가능한 컴포넌트로 구성하는 빌드 시스템이자 워크스페이스 도구입니다. Bit은 소스 코드를 조합 가능한 컴포넌트로 구성하고, 로컬 개발부터 CI와 릴리스까지 연결하는 빌드 시스템입니다. 컴포넌트에 버전을 지정하고 빌드한 뒤 내보내면, 다른 프로젝트에서 표준 패키지 관리자로 설치할 수 있습니다.
bit은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
bit은(는) Other 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
bit은(는) 아직 유지보수되고 있나요?
활발히 유지보수 중. bit의 마지막 커밋은 2026년 11월 6일입니다.
bit은(는) 어디에 사용할 수 있나요?
코드를 복사하지 않고 여러 프론트엔드 애플리케이션에서 UI 컴포넌트를 공유합니다. 대규모 코드베이스를 독립적으로 버전을 관리할 수 있는 패키지로 나눕니다. AI 코딩 에이전트가 컴포넌트를 중복 작성하지 않고 기존 컴포넌트를 재사용하도록 합니다.
bit는 어떻게 설치하나요?
Bit 설치 프로그램으로 Bit을 설치합니다: npx @teambit/bvm install Bit 플랫폼에서 만든 scope를 사용해 프로젝트에서 Bit을 초기화합니다: bit init --default-scope my-org.my-project React 애플리케이션 셸을 만듭니다: bit create react-app corporate-website 애플리케이션 셸을 실행한 다음 http://localhost:3000을 엽니다: bit run corporate-website
bit은(는) 어디서 받을 수 있나요?
소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/teambit/bit

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

관련 프로젝트