Element UI

엘리먼트 UI

9개 레벨

Vue.js 기반의 UI 컴포넌트 라이브러리이에요. 다양한 디자인 요소와 템플릿을 제공하여 빠른 개발을 도와줘요. 사용자 친화적인 인터페이스와 높은 커스터마이징 가능성이 장점이에요.

공식 웹사이트

엘리먼트 UI 스킬 여정을 시작하세요

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

9 레벨 로드맵

단계별 역량 인증

학습 로드맵

9개 레벨

전체 9

Lv 1. Vue 컴포넌트 구조와 기본 기능을 이용해 SPA를 만들 수 있어요

1. Vue CLI 설치 및 프로젝트 생성
2. 컴포넌트 구조 이해
3. Props와 이벤트
4. Vue Router 기초
5. Vuex 상태 관리 개요

연습 문제

1.
Vue Router로 두 개의 페이지 컴포넌트 간 네비게이션 구현하기
2.
Vue CLI로 프로젝트 생성 후 로컬 서버 실행하기

Lv 2. Element UI를 설치하고 기본 컴포넌트를 활용할 수 있어요

Lv 3. 레이아웃 컴포넌트를 이용해 반응형 페이지 구조를 만들 수 있어요

Lv 4. Form과 관련 컴포넌트로 사용자 입력 폼을 구현할 수 있어요

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

Lv 5. Table, Pagination 등으로 데이터 표시 UI를 구성할 수 있어요

Lv 6. Dialog, Notification, Loading 등 피드백 컴포넌트를 사용할 수 있어요

Lv 7. SCSS 변수와 ThemeBuilder로 테마를 커스터마이징할 수 있어요

Lv 8. axios와 Vuex를 활용해 실전 프로젝트에 Element UI를 통합할 수 있어요

Lv 9. Docker, Nginx, CI/CD로 웹 애플리케이션을 배포할 수 있어요

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

해당되는 공고가 없어요.

엘리먼트 UI 배우기 | 트리업