Vuetify Admin Template 만들기 - 기본편 (Based Vue2)

Vuetify 기초를 학습하고, 멋진 Material Design Admin 웹 사이트를 만들 수 있습니다 😃

(4.9) 수강평 84개

수강생 2,346명

난이도 초급

수강기한 무제한

네이버웹툰
위메프
다나와
네이버
이베이코리아

이베이코리아

임직원들도 이 강의를 듣고 있어요!

네이버웹툰
위메프
다나와
네이버
이베이코리아

이베이코리아

임직원들도 이 강의를 듣고 있어요!

먼저 경험한 수강생들의 후기

4.9

5.0

딘딘은

33% 수강 후 작성

vuetify 입문용으로 좋은 강의인것 같습니다. 강사님의 목소리 톤과 발음도 적절해서 편안히 듣기 좋았습니다. 아쉬운 부분은 아무래도 시간이 지나서인지 각 세팅별로 버전이 달라 생기는 문제들인데, 이 부분은 어쩔수 없는것 같습니다. 좋은강의 무료로 제공해주셔서 감사할 따름입니다!

5.0

쿠카이든

27% 수강 후 작성

Vuetify에 대해 많이 배웠습니다! 좋은강의 감사드려요~~!

5.0

krdopd

60% 수강 후 작성

필요한 내용만 쏙쏙 해주심

수강 후 이런걸 얻을 수 있어요

  • Vue CLI를 통한 Vuetify 프로젝트 설정

  • Vuetify Grid System 으로 레이아웃 잡기

  • Vuetify Typography, Breakpoints, Color 등 기본기 학습

뷰티파이로 만드는 어드민 사이트,
실용적인 짐코딩과 함께하세요 🏋️‍♀️

Vuetify Admin Template 만들기 기본편

데모 페이지를 확인하세요. (링크)

강의 소개 📖

Vuetify GridSystem, Typography, Breakpoints, Colors 등!
Vuetify를 사용하기전에 알아야한 기본기에 대해 설명합니다 😃

강의 반응 📝

다행히도 많은 분들이 강좌에 만족해하셨어요 😃
(강의속도가 빠르게 느껴지시는 분들은 0.75배속으로 보시는 것을 권장해 드립니다 🙂 )

강의 핵심 키워드

#실용적인 #코딩컨텐츠


지식공유자 소개 ✒️


실용적인 코딩컨텐츠를 만들어 가는 유튜브 짐코딩 채널 입니다.
유튜브 | 깃헙 | Gym스타그램 | Coding스타그램


예상 질문 Q&A 💬

Q. 소스코드를 제공하나요?

깃헙을 통해 제공됩니다.

Q. 강의 속도가 너무 빠른 것 같아요.

강의 속도 관련 피드백 영상을 확인해주세요.

Q. 이 강의를 배우면 어떤 일을 할 수 있나요?

Material Design의 멋진 Admin 사이트를 제작할 수 있어요!

이런 분들께
추천드려요

학습 대상은
누구일까요?

  • Vue로 웹사이트를 개발하려고 하는 사람

  • Material Design으로 웹개발을 하고싶은 사람

선수 지식,
필요할까요?

  • HTML

  • CSS

  • Javascript

  • Vue

안녕하세요
짐코딩입니다.

인프런인증

커리어인증

36,925

수강생

2,911

수강평

1,682

답변

4.9

강의 평점

18

강의

안녕하세요! 👋
코딩 교육 크리에이터 짐코딩입니다 😊

비개발자도 따라올 수 있게, 최대한 쉽고 · 실무자도 만족스럽게 깊이 있게 가르칩니다.
현재 13년차 풀스택 개발자이자, IT 스타트업을 직접 운영하는 대표입니다.

KT·기아 등 대기업 서비스 개발, 카페24 이커머스 플랫폼, 스마트시티 IoT 데이터 플랫폼,
그리고 직접 운영 중인 자체 서비스까지, 프론트엔드·백엔드·AWS 인프라를 모두 직접 설계하고 만들어 왔습니다.

지금은 교육에 집중하면서도 자체 서비스를 직접 개발하며 현업 감각을 유지합니다.

그 현업 경험을, 입문자도 이해되는 언어로 풀어내는 것, 그게 제가 강의로 하는 일입니다.


🏆 검증된 성과

🥇 인프런 2026 클로드 코드 강의 BEST 1 - 클로드 코드 완벽 마스터

🏆 인프런 Awards 2025 베스트셀러 - React 완벽 마스터

🔥 인프런 2025 '지금 가장 HOT한 강의' - 클로드 코드 완벽 마스터

🎬 YouTube 구독자 4.9만+ · 누적 조회수 360만+ 


👨‍💻 경력

  • 13년차 풀스택 개발자 · 현직 IT 스타트업 대표

  • 프론트엔드: React · Vue · TypeScript

  • 백엔드: Node.js · Java · Spring · Python

  • 인프라: AWS · Serverless · Lambda 아키텍처 설계

  • 인프런 지식공유자

     

스타트업 (창업가)

  • 특허·상표 출원·등록 경험

  • 정부 창업지원사업 다수 선정 (스마트벤처캠퍼스 '최우수' 등)

기업 교육 (B2B)

  • 멀티캠퍼스 - 기업 실무자 대상 'Claude Code' 오프라인 교육

  • 신한카드 개발자 교육 - 멀티캠퍼스 주관, 온라인 라이브

  • 한국소프트웨어인재개발원 특강 · 관공서 IT 멘토


🙋‍♂️ 더 보기

더보기

커리큘럼

전체

15개 ∙ (1시간 52분)

강의 게시일: 
마지막 업데이트일: 

수강평

전체

84개

4.9

84개의 수강평

  • 노종문님의 프로필 이미지
    노종문

    수강평 16

    평균 평점 5.0

    5

    36% 수강 후 작성

    잘 듣고 있습니다.

    • 짐코딩
      지식공유자

      감사합니다~!

  • 이정완님의 프로필 이미지
    이정완

    수강평 11

    평균 평점 5.0

    5

    100% 수강 후 작성

    이것만 반복숙달해도 반응형 및 간단한 랜딩페이지 외주는 다 쳐낼수있겠네요. 잘들었습니다. 퀘이사두 잘부탁드립니다!!

    • 짐코딩
      지식공유자

      감사합니다~!! 퀘이사! 기대하셔도 좋습니다 👍

  • 쿠카이든님의 프로필 이미지
    쿠카이든

    수강평 528

    평균 평점 5.0

    5

    27% 수강 후 작성

    Vuetify에 대해 많이 배웠습니다! 좋은강의 감사드려요~~!

    • 짐코딩
      지식공유자

      감사합니다~! 💪

  • krdopd님의 프로필 이미지
    krdopd

    수강평 2

    평균 평점 5.0

    5

    60% 수강 후 작성

    필요한 내용만 쏙쏙 해주심

    • 짐코딩
      지식공유자

      도움이 되어 다행이에요~! 감사합니다 💪

  • 딘딘은님의 프로필 이미지
    딘딘은

    수강평 1

    평균 평점 5.0

    5

    33% 수강 후 작성

    vuetify 입문용으로 좋은 강의인것 같습니다. 강사님의 목소리 톤과 발음도 적절해서 편안히 듣기 좋았습니다. 아쉬운 부분은 아무래도 시간이 지나서인지 각 세팅별로 버전이 달라 생기는 문제들인데, 이 부분은 어쩔수 없는것 같습니다. 좋은강의 무료로 제공해주셔서 감사할 따름입니다!

    • 짐코딩
      지식공유자

      감사합니다~! 💪

짐코딩님의 다른 강의

지식공유자님의 다른 강의를 만나보세요!

비슷한 강의

같은 분야의 다른 강의를 만나보세요!

무료