스킬 홈
More
Frontend Framework
UI Framework
Radix UI
Radix UI
래딕스 UI
8개 레벨
Radix UI는 반응형 웹 애플리케이션을 위한 구성 요소 라이브러리에요. 접근성에 중점을 두고, 사용자 경험을 향상시키는 다양한 UI 요소를 제공해요. 개발자는 쉽게 커스터마이징할 수 있는 기능도 갖추고 있어요.
공식 웹사이트
내 스킬에 등록하기
래딕스 UI 스킬 여정을 시작하세요
8개의 레벨을 통해 체계적으로 학습하고, 커리어 성장의 기반을 다지세요.
8
레벨 로드맵
단계별 역량 인증
로그인하고 시작하기
학습 로드맵
8개 레벨
전체 8
Lv 1. React 프로젝트를 생성하고 Radix UI를 설치할 수 있어요
1. Vite 프로젝트 생성
2. Radix UI 설치
3. 프로젝트 폴더 구조 설계
연습 문제
1.
Vite로 React 프로젝트를 생성해보세요.
2.
npm 또는 yarn으로 Radix UI를 설치해보세요.
Lv 2. 기본 컴포넌트인 Button과 Tooltip을 활용할 수 있어요
Lv 3. Dialog와 Popover 컴포넌트를 활용할 수 있어요
Lv 4. DropdownMenu와 Select 컴포넌트를 구현할 수 있어요
로그인하고 더 많은 레벨을 확인하세요
로그인하기
Lv 5. Tabs와 Accordion으로 콘텐츠를 분할하여 표시할 수 있어요
Lv 6. 테마와 디자인 토큰을 활용해 UI를 커스터마이징할 수 있어요
Lv 7. 접근성과 국제화를 고려한 UI를 만들 수 있어요
Lv 8. 성능을 최적화하고 프로젝트를 배포할 수 있어요
닫기
이 스킬로 지원할 수 있는 채용공고
로그인
이 스킬이 필요한 커리어
웹 개발자
연관 커리어
이 스킬이 필요한 직무
웹 개발자
채용 기회
현재 채용 중인 포지션
채용 중
채용공고 보러가기
학습 팁
1
각 레벨의 요구사항을 꼼꼼히 확인하세요
2
실습을 통해 배운 내용을 적용해보세요
3
레벨업으로 실력을 인증받고 커리어를 성장시키세요
[Product] Product Engineer (Frontend)
flex
•
웹 개발자
분당
[Product] Product Engineer (Frontend Design System)
flex
•
웹 개발자
분당
[Product] Product Engineer (Frontend Platform)
flex
•
웹 개발자
분당