728x90

 

2월 22일 화요일 / 30일 차

 


 

Part 4 - Ch 04

인스타그램 앱 만들기

 

 

 

프로필 화면 구성

 

내용 요약
강의 순서
1. 인스타그램 피드 화면 구현하기
2. 프로필 화면 구현하기
3. 인스타그램 게시물 업로드 화면 구현하기
4. 인스타그램 게시물 업로드 기능 구현하기
5. 버전관리와 Git
6. Xcode Project를 GitHub 과 연동시키기

화면 구성

UITabBarController
 - 두 개의 Tab으로 구성
     - FeedViewController
         - house (선택되어 있지 않을 때)
         - house.fill (선택되었을 때)
     - ProfileViewController
         - person (선택되어 있지 않을 때)
         - person.fill (선택되었을 때)

FeedViewController
 - UINavigationBar
   - navigationItem
    - Title
    - RightBarButtonItem (이미지는 plus.app)
 - UITableView
    - Dynamic height cell
    - customCell
       - UIButton
            - heart, heart.fill (좋아요 이미지)
            - message (댓글 이미지)
            - paperplane (공유 이미지)
            - bookmark (북마크 이미지)
       - UIImageView 
       - UILabel

ProfileViewController
 - UINavigationBar
     - navigationItem
          - Title
          - RightBarButtonItem (이미지는 ellipsis)
     - UIImageView
     - UIStackView
     - UILabel
     - UIButton

 - UICollectionView
     - Custom Cell

 - UIAlertController
     - Style: .actionSheet
     - UIAlertAction
          - 회원 정보 변경: .default
          - 탈퇴하기: .destructive
          - 닫기: .close

 - UIImagePickerController (게시물 업로드 화면)

 - UINavigationBar (업로드 기능 구현)
     - navigationItem
          - Title
          - LeftBarButtonItem
          - RigutBarButtonItem
     - UIImage
     - UITextView


 * 버튼 이미지 사이즈가 다를때 해결법
 - extension으로 helper 메소드를 따로 빼거나 따로 Swift파일을 만들어서 각 버튼 마다 호출 (일반적으로 파일이름은 button+ 형식)

 

 


 

 

프로필 화면

 

복습할 내용

 

- 버튼 사이즈 사용 시 크기 오류 해결방법

 

 

 

 

오늘의 공부 후기

 

오늘은 인스타그램 스타일 앱을 구현해봤습니다.

화면 구성은 그동안 실습해온 덕분에 크게 어렵지 않게 구현할 수 있었습니다.

 

이번 강의에서 좋았던 점은 Git에 대한 강좌가 있었던 점입니다.

기존에 깃허브를 사용하고 있었지만 제대로 공부한 것이 아닌 필요한 부분만 알고 있었기 때문에

강좌와 연관하여 깃에 대해 설명을 들어서 더욱더 상세히 알 수 있게 되었습니다.

 

 

 

 

 

 

 

 

https://bit.ly/37BpXi

 

패스트캠퍼스 [직장인 실무교육]

프로그래밍, 영상편집, UX/UI, 마케팅, 데이터 분석, 엑셀강의, The RED, 국비지원, 기업교육, 서비스 제공.

fastcampus.co.kr

 

 

 

본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성되었습니다.

 

 

 

728x90

+ Recent posts