스타트업 취업에 유리한 디자인 시스템

스타트업 취업에 유리한 디자인 시스템

7,900원

10

스타트업 취업에 유리한 디자인 시스템

리소스가 부족한 스타트업들이 자주 사용하는 디자인 시스템. 가장 많이 사용되는 디자인 시스템인 MUI 활용하여 일관된 UI 구성법을 배웁니다.

heart icon

찜하기

share icon

공유하기

🚀 강의 목적과 학습 목표

이 강의는 스타트업에서 자주 사용되는 디자인 시스템을 배우고,
MUI(Material-UI)를 활용하여 효율적이고 일관된 UI를 구성하는 방법을 익힙니다.
제한된 자원 속에서도 강력하고 사용성이 높은 디자인을 구현할 수 있도록 돕습니다.
실무에서 바로 활용 가능한 디자인 시스템을 마스터하고,
스타트업 취업에 유리한 실력을 쌓을 수 있습니다.

👩🏻‍💻 이런 분을 위해 만들었어요

📍 스타트업에 취업하고 싶은 개발자.
📍 빠르게 변화하는 환경에서 효율적인 디자인 시스템을 구축하고 싶은 분들.
📍 MUI를 활용하여 스타트업에서 실무적으로 유용한 UI를 구성하고 싶은 분들.

🎁 강의는 이렇게 구성돼요

MUI의 기본 개념부터 고급 활용법까지 단계별로 배웁니다.
MUI를 사용하여 디자인 시스템을 설정하고,
실무 프로젝트에서 사용할 수 있는 UI 구성 요소들을 만들어봅니다.
스타트업 취업을 대비할 수 있는 실용적인 예제를 제공합니다.

챕터 구성

  1. 디자인 시스템 개념 – 스타트업에서 디자인 시스템이 중요한 이유
  2. MUI 소개 – MUI로 디자인 시스템 시작하기
  3. MUI 설치와 기본 설정 – 첫 번째 컴포넌트 만들기
  4. 레이아웃 구성 – Grid 시스템과 Flexbox 활용법
  5. MUI 테마 설정 – 컬러, 폰트, 간격 등 일관성 있는 디자인 만들기
  6. 버튼, 카드, 입력창 등 기본 UI 구성 요소 만들기
  7. MUI의 Icon과 Typography 활용하기
  8. 반응형 디자인 – 모바일과 데스크탑에서의 최적화
  9. 커스터마이징 – MUI 컴포넌트 스타일 수정하기
  10. 실전 프로젝트 – MUI로 스타트업 UI 디자인 시스템 구축하기

💻 쉽게 이해되는 3분할 화면

위코드는 여러분이 최대한 쉽게 이해할 수 있도록 모든것을 준비했습니다. 강의 영상의 핵심 내용을 실시간으로 정리해 드리고, 직접 수정하고 실행해볼 수 있는 코드까지 실시간으로 제공하는 위코드만의 코딩 강의 플랫폼에서 재밌고 쉽게 학습하세요!


📍 모바일에서도 쉽게 볼 수 있는 세로 비율의 강의 영상
📍 강의 내용을 이해하기 쉽도록 실시간 핵심 내용 정리
📍 강의 내용 흐름에 맞추어 실시간 업데이트 되는 코드 에디터
📍 직접 수정해보고 실행도 할 수 있는 코드

커리큘럼

미리보기를 통해 콘텐츠를 확인해보세요.

  • Play IconMUI 설치와 기본 설정 – 첫 번째 컴포넌트 만들기
  • Play Icon커스터마이징 – MUI 컴포넌트 스타일 수정하기
  • Play Icon실전 프로젝트 – MUI로 스타트업 UI 디자인 시스템 구축하기
  • Play Icon레이아웃 구성 – Grid 시스템과 Flexbox 활용법
  • Play IconMUI 테마 설정 – 컬러, 폰트, 간격 등 일관성 있는 디자인 만들기
  • Play Icon버튼, 카드, 입력창 등 기본 UI 구성 요소 만들기
  • Play IconMUI의 Icon과 Typography 활용하기
  • Play IconPART 3