Inflearn brand logo image
Inflearn brand logo image
채널톡 아이콘

SwiftUI로 하는 디자인시스템 구현 : SwiftUI로 세상 모든 UI 만드는 법: 완전판

이 강좌 하나로 모든 유형의 앱 UI 컴포넌트를 개발 할 수 있습니다.

6명 이 수강하고 있어요.

Thumbnail

초급자를 위해 준비한
[모바일 앱 개발, 업무 생산성 기타] 강의입니다.

이런 걸 배울 수 있어요

  • SwiftUI 자유롭게 다루기

  • 세상의 모든 앱 UI

  • UI 개발 레퍼런스

“앱 개발, 매번 새로 짜는 코드에 지치셨나요?”🤔

한 번 만들어 끝나는 게 아니라, 다음 프로젝트에서도 쓸 수 있는 완벽히 재사용 가능한 디자인 시스템
만들어 봅시다.


20명이 넘는 앱 개발자들이 물어봤습니다. 그들 대부분은 비슷한 고민을 안고 있었습니다.

  • "왜 같은 UI를 새로 만들 때마다 시간이 이렇게 오래 걸릴까?"

  • "디자인 팀과 협업하다 보면, 왜 항상 뭔가 어긋날까?"

  • "프로젝트가 커질수록 유지보수가 어려워지는 이유는 뭘까?"

제가 50명의 수강생과 오프라인 강의를 진행하며 직접 깨달은 해답은 이것입니다. 이 문제들의 답은 체계적인 디자인 시스템에 있습니다.

💡이 강좌가 여러분에게 줄 수 있는 변화

  1. 생산성 폭발
    컴포넌트를 재사용할 수 있게 되면, UI 설계에 소요되는 시간이 대폭 줄어듭니다. 그 시간에 더 중요한 기능 개발에 집중할 수 있습니다.

  2. 유지보수 편의성
    프로젝트가 커질수록 일관성 있는 디자인 시스템이 얼마나 강력한지 알게 될 겁니다. 수정이 필요할 때도 한 번에 적용할 수 있습니다.

  3. 팀 내 입지 강화
    디자인 시스템을 제대로 이해하고 구현할 수 있는 개발자는 흔치 않습니다. 여러분은 팀 내에서 UI 전문가로 자리매김할 수 있을 겁니다.

이 강좌, 이런 분들에게 딱입니다.

만약 여러분이…

  • 매번 반복되는 코드 작업에 진절머리가 나셨다면

  • 팀원들과 협업할 때 같은 UI를 다르게 해석해 곤란을 겪으셨다면

  • 앱 개발의 생산성을 높이고, 유지보수를 편하게 만들고 싶으시다면



이 강좌만의 특별한 점은 무엇인가요?


1. 진짜 실무 중심 강의

오프라인 강좌에서 50명의 수강생들에게 검증받은 커리큘럼으로, 실제로 쓸모 있는 것만 다룹니다. 수강생들은 강좌를 듣고 바로 자기 프로젝트에 적용할 수 있는 결과물을 얻었다고 입을 모아 말했습니다.

2. SwiftUI로 배우는 디자인 시스템의 모든 것

Badge, Chip, Toast, Tab 같은 컴포넌트 제작은 기본이고, 유지보수와 확장이 쉬운 디자인 시스템의 설계 원칙까지 배우게 됩니다. 이 강좌를 끝내고 나면 여러분은 다음과 같은 능력을 얻게 됩니다:

  • 한 번 만든 컴포넌트를 모든 프로젝트에서 재사용할 수 있는 기술

  • 앱 개발 속도를 최소 2배 이상 높이는 노하우

  • 협업이 쉬워지는 UI 설계와 코드 작성 방법

3. 애니메이션과 고급 UI까지 다룬다

디자인 시스템은 단순히 정적인 UI만 다루지 않습니다. 스무스한 애니메이션과 인터랙션은 사용자 경험의 핵심입니다. 이 강좌에서는 애니메이션으로 앱에 생명을 불어넣는 방법까지 다룹니다.

이런 내용을 배워요.


1. 문제 인식

앱 개발에서 흔히 겪는 UI 관련 문제를 살펴봅니다. "왜 이렇게 자주 똑같은 버튼을 만들어야 할까?" 같은 고민을 해결하기 위해 디자인 시스템의 필요성을 느끼게 합니다.


2. 컴포넌트 제작

Text, Button, Card 같은 간단한 컴포넌트부터 Tab, Carousel, Modal 같은 고급 UI까지, SwiftUI로 하나씩 만들어 보며 기술을 익힙니다.


3. 디자인 시스템 설계

여러 컴포넌트를 통합해 일관성 있는 디자인 시스템을 설계하는 방법을 배웁니다. 팀 프로젝트나 대규모 앱에서도 효율적으로 활용 가능한 시스템을 구축합니다.


4. 완성 및 고급화

스무스한 애니메이션과 고급 인터랙션으로 사용자 경험을 끌어올리는 법을 배우고, 이를 디자인 시스템에 통합합니다.



이 강좌는 단순히 컴포넌트를 만드는 법만 알려주는 강의가 아닙니다. 여러분이 SwiftUI로 생산적이고 효율적인 UI 개발자로 성장할 수 있도록 돕는 완벽한 로드맵입니다.

50명의 수강생이 인정한 강좌, 이제는 여러분 차례입니다.

💡실제 수강생들의 후기

이 강좌는 이미 50명의 오프라인 수강생들과 함께하며 그 가치를 입증했습니다.

“새로 앱개발 하는 시간이 정말 절반으로 줄었어요.”

“디자인 시스템이라는 게 추상적인 개념이라 봐도 잘 와닿지가 않았었는데 이렇게 쉽게 가르쳐주실 줄 몰랐습니다. 이 과외를 하고 저희 팀 디자이너들과 함께 디자인 시스템 구축을 진행하고 있어요.”

수강 전 참고 사항

실습 환경

  • 강의는 MacOS 기준으로 설명합니다. XCode를 미리 설치해주세요.


학습 자료

  • 강의에 같이 첨부해드립니다.

선수 지식 및 유의사항

  • 기본적인 Swift 문법

  • SwiftUI에 대한 기본 개념


이런 분들께
추천드려요!

학습 대상은
누구일까요?

  • UI 개발을 빠르게 복사붙여넣기로 해결하고 싶은 사람

  • SwiftUI를 이제 접한 사람

  • SwiftUI를 실무에 활용하고 싶은 사람

선수 지식,
필요할까요?

  • Swift

안녕하세요
무색무취의고수입니다.

안녕하세요.

저는 가장 필요하고 실무 현업에서 바로 쓸 수 있는 것들로

강의를 제작하고 있습니다.

피드백에 대해 성실하게 답변하니

편하게 문의주세요.

더보기

커리큘럼

전체

14개 ∙ (2시간 3분)

해당 강의에서 제공:

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

수강평

아직 충분한 평가를 받지 못한 강의입니다.
모두에게 도움이 되는 수강평의 주인공이 되어주세요!