shadcn/ui

샤드씨엔

10개 레벨

이 프레임워크는 구성 요소 기반으로 설계되어 있어, 재사용성과 일관성을 높여줘요. 직관적인 API를 제공하여 개발자들이 쉽게 사용할 수 있어요. 커스터마이징이 용이해서 다양한 디자인 요구에 잘 맞춰줘요.

공식 웹사이트

샤드씨엔 스킬 여정을 시작하세요

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

10 레벨 로드맵

단계별 역량 인증

학습 로드맵

10개 레벨

전체 10

Lv 1. Shadcnui를 설치하고 프로젝트에 적용할 수 있어요

1. pnpm 설치 및 사용법
2. Next.js 프로젝트 생성
3. Shadcn-ui 설치
4. Shadcn-ui 기본 설정

연습 문제

1.
Git에 설치 결과 커밋 후 브랜치 생성하기
2.
Shadcn-ui가 포함된 Next.js 프로젝트 초기화하기

Lv 2. 기본 컴포넌트를 활용해 UI를 구성할 수 있어요

Lv 3. 커스텀 컴포넌트 구조를 이해하고 재사용 컴포넌트를 만들 수 있어요

Lv 4. 폼 컴포넌트를 사용해 유효성 검사를 구현할 수 있어요

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

Lv 5. 레이아웃과 라우팅을 구성하고 상태를 관리할 수 있어요

Lv 6. 서버 통신과 데이터 페칭을 구현할 수 있어요

Lv 7. 인증과 권한에 따른 UI 분기를 처리할 수 있어요

Lv 8. 테마와 스타일을 확장하여 디자인 시스템을 적용할 수 있어요

Lv 9. 성능 최적화와 접근성을 개선할 수 있어요

Lv 10. 테스트와 배포를 통해 프로덕션 환경에 배포할 수 있어요

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

해당되는 공고가 없어요.