Chromatic

크로매틱

8개 레벨

UI 컴포넌트 개발 및 테스트를 위한 시각적 검증 도구예요. 디자인 변경 사항을 쉽게 추적하고, 버그를 사전 예방할 수 있어요. 협업을 통해 품질 높은 제품을 만드는 데 도움을 줘요.

공식 웹사이트

크로매틱 스킬 여정을 시작하세요

8개의 레벨을 통해 체계적으로 학습하고, 커리어 성장의 기반을 다지세요.

8 레벨 로드맵

단계별 역량 인증

학습 로드맵

8개 레벨

전체 8

Lv 1. npm을 사용해 프로젝트를 초기화하고 의존성을 관리할 수 있어요

1. npm 설치 및 사용법
2. package.json 이해 및 의존성 관리

Lv 2. React 컴포넌트를 생성하고 props와 state를 활용해 UI를 구성할 수 있어요

Lv 3. Storybook을 설치하고 구성 파일을 통해 UI 개발 환경을 설정할 수 있어요

Lv 4. 스토리를 작성해 UI를 문서화하고 애드온으로 인터랙티브 테스트를 수행할 수 있어요

로그인하고 더 많은 레벨을 확인하세요

Lv 5. Chromatic 토큰을 설정하고 스크립트를 추가해 시각적 테스트를 준비할 수 있어요

Lv 6. Chromatic을 통해 시각적 스냅샷을 검토하고 변경 사항을 관리할 수 있어요

Lv 7. GitHub Actions로 Chromatic 배포를 자동화하여 PR 시 시각적 테스트가 실행되게 할 수 있어요

Lv 8. Docker 컨테이너로 Storybook을 빌드하고 배포할 수 있어요

이 스킬로 지원할 수 있는 채용공고