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

1. 회원가입 기능 구현

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

2. 로그인 기능 구현

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

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

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

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

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

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

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

5. 검색탭 구현

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

6. 팔로잉 기능 구현

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

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

7. 좋아요 기능 구현

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

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

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

8. 댓글 기능 구현

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

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

#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: 프로젝트에 외부 서버를 추가하여 다양한 데이터를 외부에 저장합니다.(게시글 정보, 계정 정보, 이미지 정보)