책 검색 앱 만들기 (2)

오늘은 구현을 진행하는 것 보다 이전에 짠 코드를 조금 더 이해하고 Compositional Layout에 대해 조금 더 자세하게 이해하는 방향으로 공부했다. Compositional Layout이전에 컬렉션 뷰를 다루면서 Flow Layout은 몇번 사용해 봤으니 이번에는 컴포지셔널 레이아웃을 한번 활용해 보자. 먼저 컴포지셔널 레이아웃은 빠르고 유연하게 컬렉션 뷰를 구현할 수 있는 CollectionViewLayout의 한 종류이며 iOS 13.0 이상부터 지원하는 방식이다.장점복잡한 레이아웃을 선언형 API로 간단하게 구축할 수 있다.하나의 컬렉션 뷰로 다양한 레이아웃을 구성할 수 있다.속도가 빠르다.Compositional Layout 구성컴포지셔널 레이아웃은 Item, Group, Section..

• format_list_bulleted ◽️ Programming/T I L
• · 2024. 5. 1.
• textsms

책 검색 앱 만들기 (1)

오늘은 새로운 과제를 바로 시작해보자.모두 코드를 사용해 구현해보기로 해서 이번에는 SnapKit을 적극적으로 한번 사용해 볼 예정이다. SPM을 통해 SnapKit을 넣어주고 이제 코드로 컴포넌트를 생성하고 레이아웃을 잡아보자!TapbarController 생성우선 두개의 탭을 가진 앱을 만들 예정이니 먼저 탭바를 넣어주자 탭바는 SceneDelegate에 구성할 예정이다. 탭바에 넣어 둘 VC를 미리 2개 만들어 두고 이름을 설정한다.func scene(_ scene: UIScene, willConnectTo session: UISceneSession, options connectionOptions: UIScene.ConnectionOptions) { guard let windowScen..

• format_list_bulleted ◽️ Programming/T I L
• · 2024. 4. 30.
• textsms

[ProJect 일지] 영화 예매 앱 만들기 (5)

2024.04.22 - [◽️ Programming/T I L] - [ProJect 일지] 영화 예매 앱 만들기 (1)2024.04.23 - [◽️ Programming/T I L] - [ProJect 일지] 영화 예매 앱 만들기 (2)2024.04.24 - [◽️ Programming/T I L] - [ProJect 일지] 영화 예매 앱 만들기 (3)2024.04.25 - [◽️ Programming/T I L] - [ProJect 일지] 영화 예매 앱 만들기 (4) 오늘은 전체적인 디테일을 다듬고 나머지 기능구현을 모두 완료하였다.하나하나 오늘 구현한 내용을 살펴보자 자동 로그인 기능로그인 할때 사진에 보이는 자동 로그인 버튼을 누른 상태로 로그인을 하게 되면 로그아웃을 해 로그인 페이지로 넘어와도 ..

• format_list_bulleted ◽️ Programming/T I L
• · 2024. 4. 27.
• textsms

[ProJect 일지] 영화 예매 앱 만들기 (4)

2024.04.22 - [◽️ Programming/T I L] - [ProJect 일지] 영화 예매 앱 만들기 (1)2024.04.23 - [◽️ Programming/T I L] - [ProJect 일지] 영화 예매 앱 만들기 (2)2024.04.24 - [◽️ Programming/T I L] - [ProJect 일지] 영화 예매 앱 만들기 (3)로그인 , 회원가입 이용자 알럿 설정이제 이용자에게 로그인 및 회원가입 시 각각 상황에 맞는 알럿이 뜰 수 있도록 구현해보려고 한다. 먼저 알럿을 구현하는 함수를 만들어 구성했다.func showAlert(message: String) { let alert = UIAlertController(title: "알림", message: message, pr..

• format_list_bulleted ◽️ Programming/T I L
• · 2024. 4. 25.
• textsms

[ProJect 일지] 영화 예매 앱 만들기 (3)

2024.04.22 - [◽️ Programming/T I L] - [ProJect 일지] 영화 예매 앱 만들기 (1)2024.04.23 - [◽️ Programming/T I L] - [ProJect 일지] 영화 예매 앱 만들기 (2)영화 목록 페이지 컬렉션 뷰 , 홍보 이미지 추가오늘은 영화 목록 페이지에 곧 개봉할 영화 API 데이터를 찾게 되어 하나 더 추가했고 좌석 정보를 전달하는 이미지를 넣어 조금 더 풍성하게 목록 페이지를 구성하였다.이전에 API 가져오는 데이터 구성을 구현해두니 그 다음 내용이 추가되면 그대로 사용해 아주 편하게 API 데이터 연결이 가능했다. 이렇게 컬렉션 뷰 3개의 각자 다른 내용을 담고 있는 영화 정보를 넣고 이미지를 추가한 1차 완성본이 완료되었다...

• format_list_bulleted ◽️ Programming/T I L
• · 2024. 4. 24.
• textsms

[ProJect 일지] 영화 예매 앱 만들기 (2)

2024.04.22 - [◽️ Programming/T I L] - [ProJect 일지] 영화 예매 앱 만들기 (1) ScrollView.. 오늘 이 스크롤 뷰 때문에 새벽까지 진짜 오기로 달렸다.. 결국엔 적용시키는데 성공해서 너무 기쁘다.. 이제야 어느정도 스크롤 뷰가 어떻게 적용되는지 확실하게 알게 된 것 같아 늦었지만 뿌듯한 하루인 것 같다. 그래도 하루에 하나는 알고 가는 느낌이라.. 오늘 참 손이 많이 갔던 스크롤뷰 먼저 적용하는 과정을 보면 먼저 스크롤 뷰를 넣어준 후 그 안에 요소들을 관리하기 수월하도록 UIView를 넣어준다. 그 후 이 뷰를 스크롤 뷰의 Content Layout Guide 에 사진과 같이 맞춰준 후 Frame Layout에 가로 길이가 동일하도록 수정한다. 이때 수치..

• format_list_bulleted ◽️ Programming/T I L
• · 2024. 4. 23.
• textsms