인프런 영문 브랜드 로고
인프런 영문 브랜드 로고
개발 · 프로그래밍

/

모바일 앱 개발

Part2: 초중급 iOS 인스타그램 클론(SwiftUI, MVVM, Firebase, 2024)

인스타그램 앱을 따라만들면서 배우는 실전 SwiftUI강의

(5.0) 수강평 16개

수강생 147명

iOSSwiftUIMVVMFirebase

초급자를 위해 준비한
[모바일 앱 개발, iOS] 강의입니다.

이런 걸 배울 수 있어요

  • MVVM

  • SwiftUI

  • Firebase

  • Instagram

Instgram Clone강의 출시!!!!

지난 강의 이후 많은 분들이 기다려주셨던 MVVM, Firebase를 이용한

Instagram Clone강의를 드디어 출시했습니다.

모든 코드에 MVVM 구조 적용

MVVM 패턴이 어떻게 태어났는지, 왜 쓰고, 어떤 부분을 신경써서 사용해야 하는지 등

MVVM 패턴에 대한 자세한 사용법을 배우고 해당 방식으로 코딩을 진행합니다.

(↓↓↓수업에서 사용되는 키노트 화면 캡처↓↓↓)


모든 기능에 Firebase 적용

Firebase 서버를 같이 만들고 사용합니다.

(Firebase란 구글에서 제공하는 아주 쉬운 서버를 의미합니다.)

인스타그램에서 업로드하는 게시글 정보, 사진, 유저정보등을 이 Firebase에 저장하고 다른 여러기기에서 가져올 수 있습니다.


Instagram Clone 기능 예시

(아래 캡쳐된 모든 기능을 강의에서 구현합니다.)

1. 회원가입 기능 구현


Email, Password, name, username을 기입하여 Firebase 서버로 해당 회원정보를 가입시킵니다.

2. 로그인 기능 구현


회원가입된 Email, password 정보를 통하여 해당 회원정보로 로그인할 수 있습니다.

3. 프로필, 프로필 편집 기능 구현


현재 로그인 된 계정의 회원정보를 수정할 수 있습니다.

4. 게시글 업로드 기능 구현


인스타그램의 메인 기능인 게시글을 업로드 할 수 있습니다.

게시글을 업로드하면, 피드뷰(1탭)과 프로필뷰(5탭)에서 게시글을 확인할 수 있습니다.

또한 5탭의 사용자 게시물 갯수의 카운트도 증가합니다.

5. 검색탭 구현


검색탭에서 회원가입된 다른 사용자들을 검색할 수 있습니다.

6. 팔로잉 기능 구현


다른 계정을 팔로잉 할 수 있습니다.

팔로잉하면 타겟 계정의 팔로워와 현재 계정의 팔로잉 숫자가 1씩 증가합니다.

7. 좋아요 기능 구현


좋아요 기능 또한 구현합니다.

해당 게시글의 하트버튼을 클릭하여 좋아요를 표시할 수 있습니다.

해당 게시글의 누적된 좋아요 수 또한 확인 가능합니다.

8. 댓글 기능 구현


댓글 페이지를 만들어서 해당 게시물에 남겨진 모든 댓글을 확인할 수 있습니다.

또한 현재 사용자의 새로운 댓글도 등록가능합니다.

9. 모든 기능은 Firebase 서버와의 통신으로 이루어집니다.


위에 gif로 보여드린 모든 기능은 Google Firebase 서버와의 통신을 통해 구현되었습니다.

아이폰 기기에서 변경된 모든 데이터는 Google Firebase에 보내고, 수정된 사항을 아이폰 기기에서 다시 로딩합니다. (↓↓↓ Firebase와 통신하는 모습 ↓↓↓)

폰에서 작성된 정보가 서버에 반영되는 모습

A폰에서 올린 게시글과 댓글을 B폰에서 확인할 수 있는 모습

이런 것들을 배워요

#Swift 중급 문법

기초 Swift 문법에 이어서, 좀더 복잡한 구조를 이해하고 사용할 수 있는 다양한 Swift 문법에 대해 배워 나갑니다.

  • Optional: if-let, guard-let, 옵셔널 바인딩, nil-coalescing

  • Error Handling: try, try?, try!, do-catch

  • Async-Await: Task, async, await, async-let(동시 실행)

  • extension

  • enum

  • static function, static variable

  • switch-case

  • ...

#다양한 SwiftUI 기능들

강의의 핵심 주제인 여러가지 SwiftUI 프레임워크의 기능들을 공부합니다.

수강하시는 여러분들이 새로운 앱을 만들때 필요할만한 기능들을 최대한 눌러 담아 강의를 구성하였습니다.

  • NavigationStack, NavigationLink : 화면 이동

  • LazyVStack(LazyHStack): 1열짜리 리스트 뷰

  • LazyVGrid(LazyHStack), GridItem : n열짜리 리스트 뷰

  • TextField, SecureField(비밀번호 입력시)

  • .refreshable: 끌어서 새로고침

  • .task, .onAppear, onChange: 화면 변화 감지

  • .sheet: 모달 창

  • .searchable(검색창)

  • List vs LazyVStack vs ForEach의 차이 비교

  • scaledToFit, scaledToFit, aspectRatio: 이미지 채우기 방식 비교

  • @State, @Binding, @Bindable, @Environment: data flow 프로퍼티 래퍼들

  • PhotosPicker: 핸드폰에 저장된 이미지에서 사진 고르기


  • ...

#외부 라이브러리 사용

다른 사람이 미리 짜놓은 코드 등을 프로젝트에 추가하여 프로젝트에서 다양한 기능을 구현합니다.

또한 비동기와 캐싱을 정확히 이해하기 위해

Kingfisher vs AsyncImage vs 동기방식의 이미지 로딩

이 3가지를 각각 수행하여 비교해봅니다.

  • KingFisher: 이미지를 비동기적으로 다운받고 캐싱하는 외부 라이브러리

  • Firebase, FireStore, FirebaseAuth: 프로젝트에 외부 서버를 추가하여 다양한 데이터를 외부에 저장합니다.(게시글 정보, 계정 정보, 이미지 정보)

강의별로 나누어진 예제 코드

최종 완성 코드만 제공하는게 아닌

각 1강의 마다 쪼개진 강의 코드를 제공합니다.

코드의 달라진 부분을 쉽게 찾을 수 있어요

(↓↓↓실제 예제코드 캡처↓↓↓)


선수 강의

아래 강의를 듣고 현재 강의를 듣는 것을 추천드립니다.

혹시 Swift와 SwiftUI의 기초적인 지식을 갖고 계신다면 이 강의를 바로 들어도 괜찮지만, 어려운 부분이 있을 수 있습니다.

(혹시 이 강의만 들으실 분은 아래 강의의 목차를 확인하여 강의에서 설명하는 Swift, SwiftUI 개념들을 숙지하고 있는지 체크 부탁드립니다.)

진짜 왕초보 iOS 배우기(SwiftUI, SwiftData, 2024)


이해하기 쉬운 강의를 만들기 위해 노력했습니다.


저도 초보시절이 있었고, 어려운 개념을 학습할 때마다 힘들었던 시기가 있었습니다.

그때의 기억을 되살리며 강의에서 생략된 개념이 없도록 최대한 신경썼습니다.

어렵더라도 최대한 강의에 나오는 모든 코드에 대해 설명하려고 노력하였습니다.

복붙하는 코드는 최소화하였고, 수강생들이 이해하기 쉽도록 코드를 같이 타이핑하면서 설명합니다.


지난 강의에서도 이부분을 많이 알아주셔서 너무 감사드렸습니다.

이번 강의에서도 여러분들의 SwiftUI 학습에 길잡이가 될 수 있도록 노력하였습니다.

(↓↓이전 시리즈인 왕초보 iOS강의 리뷰↓↓)



Q. 수강 기간의 제한이 있나요?

A. 아뇨, 한번의 구매로 평생 학습이 가능합니다.

아무런 수강기한의 제한이 없습니다. 언제든지 다시 복습할 수 있도록 저의 모든 강의는 수강기한이 무제한입니다.


Q. Firebase 서버를 만드는데 비용이 드나요?

A. 아뇨, 제 강의에서 사용하는 기능은 전부 무료입니다.


Q. 초보자도 쉽게 들을 수 있나요?

A. 개발을 처음 배우는 분에게는 어려울 수 있습니다. 하지만 Part1: 진짜 왕초보 iOS 배우기(SwiftUI, SwiftData, 2024) 강의를 먼저 학습하시면 이 강의는 충분히 이해하실 수 있도록 구성하였습니다.

이런 분들께
추천드려요!

학습 대상은
누구일까요?

  • 실전에서 배우는 SwiftUI코드 학습

  • MVVM을 배우고 싶으신 분

  • Firebase로 자신만의 서버통신을 만들어 보고 싶으신 분

선수 지식,
필요할까요?

  • 선수강의: 진짜 왕초보 iOS 배우기(SwiftUI)

안녕하세요
입니다.

636

명

수강생

59

개

수강평

76

개

답변

5.0

점

강의 평점

4

개

강의

안녕하세요 😀

누구나 쉽게 iOS 개발을 할 수 있도록 돕고 싶은

iOS 개발자 애구마입니다.

강의에 필요한 예제 만드는것을 좋아하고, 입문자에게 필요한 강의를 만들기 위해 연구합니다.

 

 agmma5000@gmail.com 

커리큘럼

전체

79개 ∙ (10시간 20분)

해당 강의에서 제공:

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

수강평

전체

16개

5.0

16개의 수강평

  • cys020628님의 프로필 이미지
    cys020628

    수강평 2

    ∙

    평균 평점 5.0

    5

    97% 수강 후 작성

    파트 1부터 천천히 공부하는걸 추천 드립니다. 완강이 되도 버전이 틀려서 에러가 나면 직접 하나하나 강의 수정하시면서 듣는데 문제 없게 해주신 점이 좋았습니다. 하면서도 중요한 부분이나 필요한 부분 하나라도 더 알려주시려고 한 점이 너무 좋았으며 질문같은것도 올리면 빠르게 답변해주시는 부분도 좋았습니다 하나하나 공부하며 천천히 공부하실 분들에게 너무 추천드립니다

    • 애구마(agmma)
      지식공유자

      친절한 수강평 감사드립니다! cys님께서 꼭 취업까지 성공하시길 바라겠습니다. 저도 취업에 필요한 더 좋은 강의 많이 만들어가도록 할게요 화이팅입니다!

  • 장효석님의 프로필 이미지
    장효석

    수강평 1

    ∙

    평균 평점 5.0

    5

    100% 수강 후 작성

    • 전재형님의 프로필 이미지
      전재형

      수강평 4

      ∙

      평균 평점 5.0

      5

      30% 수강 후 작성

      군더더기 없이 깔끔한 설명입니다.

      • zone227님의 프로필 이미지
        zone227

        수강평 2

        ∙

        평균 평점 5.0

        수정됨

        5

        100% 수강 후 작성

        스위프트를 공부 하면서 만들어보고 싶은 어플이 많았지만 어떻게 시작하면 좋을지 고민이 있었는데 이번 강의를 들으면서 어떤식으로 어플을 만들어야할지 감이 잡혔습니다! 정말 쉽고 간결하게 설명을 잘해주셔서 짧은시간 많이 자신감이 생겼어요! 기본문법을 공부 하셨다면 정말 좋은 강의가 될거예요!

        • eddey Kim님의 프로필 이미지
          eddey Kim

          수강평 1

          ∙

          평균 평점 5.0

          5

          61% 수강 후 작성

          시작하기에 충분히 좋은 강의입니다.

        애구마(agmma)님의 다른 강의

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

        Part1: 진짜 왕초보 iOS 배우기(SwiftUI, SwiftData, 2024)강의 썸네일

        Part1: 진짜 왕초보 iOS 배우기(SwiftUI, SwiftData, 2024)

        애구마(agmma)

        왕초보도 들을 수 있는 SwiftUI 강의! 아무것도 몰라도 시작할 수 있습니다.

        입문

        입문

        iOS, Swift, SwiftUI

        SwiftUI의 Property Wrapper(@State, @Binding...)강의 썸네일

        SwiftUI의 Property Wrapper(@State, @Binding...)

        애구마(agmma)

        SwiftUI 초반에 등장하는 데이터 관련 프로퍼티 래퍼에 대해 배웁니다. @State, @Binding, .constant, ObservableObject, @Published, @ObservedObject, @EnvironmentObject, @Environment

        초급

        초급

        SwiftUI, Swift, iOS

        Combine - iOS의 Reactive Programming(2025)강의 썸네일

        Combine - iOS의 Reactive Programming(2025)

        애구마(agmma)

        🍏 Apple이 직접 개발한 Reactive Programming 프레임워크! 🚀 Combine을 완벽하게 익히고, iOS 개발 실력을 한 단계 업그레이드하세요!

        중급이상

        중급이상

        combine, Reactive Programming, RxSwift

        비슷한 강의

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

        Part1: 진짜 왕초보 iOS 배우기(SwiftUI, SwiftData, 2024)강의 썸네일

        Part1: 진짜 왕초보 iOS 배우기(SwiftUI, SwiftData, 2024)

        애구마(agmma)

        왕초보도 들을 수 있는 SwiftUI 강의! 아무것도 몰라도 시작할 수 있습니다.

        입문

        입문

        iOS, Swift, SwiftUI

        Flutter로 SNS 앱 만들기강의 썸네일

        Flutter로 SNS 앱 만들기

        DEV MOO

        Flutter의 Provider / StateNotifier 상태 관리와 Firebase를 활용해서 SNS 앱을 제작합니다.

        초급

        초급

        Flutter, dart, Firebase

        SwiftUI의 Property Wrapper(@State, @Binding...)강의 썸네일

        SwiftUI의 Property Wrapper(@State, @Binding...)

        애구마(agmma)

        SwiftUI 초반에 등장하는 데이터 관련 프로퍼티 래퍼에 대해 배웁니다. @State, @Binding, .constant, ObservableObject, @Published, @ObservedObject, @EnvironmentObject, @Environment

        초급

        초급

        SwiftUI, Swift, iOS

        RPG 게임 어플 만들기 [iOS 아이폰]강의 썸네일

        RPG 게임 어플 만들기 [iOS 아이폰]

        OnArcher

        Xcode를 이용해서 아이폰 전용 RPG 게임 개발을 합니다. 어플 개발에 아무런 지식이 없는 분들도 충분히 따라 오실 수 있도록 강의를 준비했습니다.

        입문

        입문

        iOS

        Only Javascript만으로 배우는 하이브리드앱 패키징강의 썸네일

        Only Javascript만으로 배우는 하이브리드앱 패키징

        노란창문

        본 강의는 웹 서비스 개발 기술인 Javascript를 사용하여 모바일 환경의 여러 가지 네이티브 앱 기능을 빠르게 만들 수 있는 방법에 대해 배우고 스토어 출시 과정까지 학습할 수 있는 강의입니다.

        초급

        초급

        하이브리드 앱, JavaScript, Android

        Swift로 iOS 2D 아케이드 게임 만들기강의 썸네일

        Swift로 iOS 2D 아케이드 게임 만들기

        냉동코더

        이 강좌를 따라하는 것만으로 2D 아케이드 게임을 하나 만들 수 있습니다

        초급

        초급

        iOS, Swift

        Swift 5와 SpriteKit으로 만들어보는 아이폰 iOS 2D 슈팅게임강의 썸네일

        Swift 5와 SpriteKit으로 만들어보는 아이폰 iOS 2D 슈팅게임

        냉동코더

        SpriteKit이라는 2D 게임엔진을 이용해 Swift로 슈팅게임을 만듭니다. 프로그래밍에 익숙하지 않은 분들도 따라오실 수 있도록 알기쉽게 강의를 구성하였습니다.

        초급

        초급

        iOS, Swift

        쉬운 모바일 테스트 자동화 시작하기 : Appium Studio강의 썸네일

        쉬운 모바일 테스트 자동화 시작하기 : Appium Studio

        QA대디

        Android 및 iOS 장치에서 테스트 자동화 개발이 궁금하신 모든 분을 위한 강의입니다. 이 강의를 통해 모바일 장치에서 자동화 테스트를 수행할 수 있게 됩니다.

        입문

        입문

        Appium Studio, 소프트웨어 테스트, QA(품질보증)

        iOS SwiftUI AR 증강현실강의 썸네일

        iOS SwiftUI AR 증강현실

        쎄뮤

        새로운 swiftUI 환경에서 증강현실 AR앱을 제작합니다. ARKit, RealityKit, Core ML 등을 활용하여 나만의 스노우 앱을 만들어 봅니다.

        초급

        초급

        iOS, SwiftUI, VR/AR

        파이어베이스(Firebase)를 이용한 웹+안드로이드 메모 어플리케이션 만들기강의 썸네일

        파이어베이스(Firebase)를 이용한 웹+안드로이드 메모 어플리케이션 만들기

        신휴창

        파이어베이스에 대한 소개와 파이어베이스의 기능을 이용한 웹, 안드로이드 어플리케이션을 만드는 강좌 입니다.

        초급

        초급

        Android, Firebase

        MAUI [Cross-Platform Applications & C#]강의 썸네일

        MAUI [Cross-Platform Applications & C#]

        개발자Park

        Windows, macOS, iOS, Android 애플리케이션을 하나의 코드로 개발 및 동작시키는 MAUI 크로스플랫폼 개발에 대해 알아봅니다.

        입문

        입문

        C#, Azure, cross-platform

        FlutterFlow 쉽게하는 노코드 앱개발강의 썸네일

        FlutterFlow 쉽게하는 노코드 앱개발

        U진

        코딩 없이도 나만의 앱을 만들 수 있다! 🚀 초보자도 따라 할 수 있는 노코드 입문 강의! FlutterFlow를 활용한 실전 앱 개발로 쉽고 빠르게 앱을 완성해보세요.

        입문

        입문

        FlutterFlow, Firebase, No-code