Chakra UI

차크라 UI

9개 레벨

Chakra UI는 현대적인 웹 애플리케이션을 위한 React 컴포넌트 라이브러리에요. 접근성을 고려하여 설계되었고, 스타일링이 간편해요. 사용자 정의가 쉽게 가능하여 개발자에게 유용해요.

공식 웹사이트

차크라 UI 스킬 여정을 시작하세요

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

9 레벨 로드맵

단계별 역량 인증

학습 로드맵

9개 레벨

전체 9

Lv 1. 프로젝트에 Chakra UI를 설치하고 기본 컴포넌트를 사용할 수 있어요

1. Chakra UI 소개
2. 설치 및 설정
3. ChakraProvider 이해
4. Box 및 Text 컴포넌트 사용

연습 문제

1.
새 React 프로젝트를 생성하고 Chakra UI 설치 후 ChakraProvider로 감싸기
2.
Box와 Text 컴포넌트로 카드형 레이아웃 만들기

Lv 2. 레이아웃 컴포넌트를 이용해 화면 구성을 할 수 있어요

Lv 3. 테마를 커스터마이즈하고 다크 모드를 적용할 수 있어요

Lv 4. 폼 컴포넌트로 유효성 검증된 사용자 입력 폼을 만들 수 있어요

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

Lv 5. 버튼, 모달, 토스트 등 피드백 UI를 구현할 수 있어요

Lv 6. 아이콘과 이미지를 활용해 UI를 풍성하게 꾸밀 수 있어요

Lv 7. 반응형 속성을 사용해 다양한 화면 크기에 대응할 수 있어요

Lv 8. 글로벌 스타일과 sx prop으로 고유 스타일을 확장할 수 있어요

Lv 9. Nextjs 프로젝트에 Chakra UI를 적용하고 SSR도 다룰 수 있어요

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