📑 Project

안녕하세요~!오늘은 퍼스널 모빌리티앱에서 타이머를 이용해서 이용시간을 구현한 부분을 기록해보려고 합니다!✨프로젝트 기간 중 기간일을 지키기 위해 정신없이 달리다 보니 기록을 많이 못한 점이 아쉬워서이번주는 프로젝트 기간 중에 공부했던 내용을 위주로 포스팅을 진행하려고 합니다~!너무너무 바빠도 기록은 꼭 챙기기⭐️   초기구현방법킥보드의 대여하기를 눌렀을 때, 킥보드의 대여시간을 보여주도록 UI를 구성하였어요!처음에는 대여한 킥보드를 저장하는 데이터에 "대여하기" 버튼을 눌렀을 때의 시간을 저장해 둔 뒤 그 시간과 현재의 시간의 차를 구하여 이용시간이 저장하도록 구현하였어요. func calculateKickboardTotalTime() -> Int { guard let start = getUserDefa..

안녕하세요~!오늘은 새로운 팀 프로젝트를 시작한 날입니다!팀원들과 상의 끝에 퍼스널 모빌리티앱을 구현해보기로 했어요~!MapKit을 처음 사용해 봐서 꼭 도전해보고 싶었던 앱이었습니다!   초기 와이어 프레임 초기의 와이어 프레임입니다. 저희는 GCOO 앱을 모방하여 앱을 디자인하였습니다~! 총 5개의 페이지로 구성되어있습니다.로그인 화면회원가입 화면맵 화면사용자 화면대여 화면   이번에 제가 맡은 구현 부분은 사용자 화면입니다!✨사용자 화면 ( 마이페이지 ) 구현 구현 전 로직 구상하기 제목 부분은 뒤로 가기 버튼이 자동으로 생성이 되는 내비게이션 바를 이용하여,프로필, 대여중, 이전 대여 목록 부분은 테이블 뷰의 세션을 나누어서 구현을 해야겠다는 생각이 들었어요~!   ? View로 구현해도 되는데 ..

마지막으로 앱의 아이콘을 변경해보았습니다! ChatGPT에게 앱 아이콘을 만들 수 있는 사이트를 몇 개 추천 받았는데, 여기가 아주 편하더라구요~! iOS 아이콘 만드는 사이트 IconKitchen ( 링크 첨부가 안돼요..ㅜ ) AppIcon 설정하기 먼저 iphone 아이콘을 만들어주세요! Assets의 AppIcon을 우클릭한 후에 Show in Finder를 클릭해주세요! AppIcon.appiconset 폴더에 들어가서 자신이 만든 iosIcon 폴더의 내용물을 복사해서 ( cmd + c ) 붙여넣어주면 끝~! ( cmd + v ) 완전 간단해서 놀랐어요!! 적용 화면 귀여운 Wish 앱 아이콘이 적용되었습니다~!

오늘은 아니 어제는 메인 화면에 있는 이미지를 스와이프하여 썸네일 대신에 여러 이미지를 보여주었으면 좋겠어서 그 부분을 구현해보았습니다. 제가 원하는 구조를 만들기 위해서는 ScrollView와 UIPageControl을 사용하더라구요! 어제 구현했지만, 오늘 블로그를 적는 이유는 생각보다 UIPageControl에서 복잡한 부분이 있어서 추가적인 공부를 한 후에 돌아왔습니다. 그럼 시작해봅시다!!😄 UIPageControl에대한 자세한 설명은 아래 블로그를 참고해주세요💗 https://jihae-qu.tistory.com/87 [ UIKit ] UIPageControl #1 UIPageControl UIPageControl은 여러 페이지나 여러 장의 사진들의 위치를 표시하는 일련의 점들입니다. page..

오늘은 메인화면과 TableView에 Pull to refresh ( 당겨서 새로고침 ) 를 적용해 보았습니다. UIRefreshControl UIRefreshControl는 Table View와 Collection View가 상속받고 있는 UIScrollView에 연결하는 표준 Control입니다. Content를 새로고침할 수 있는 Control를 제공하는 object입니다. 사용자가 스크롤이 가능한 Content 영역을 아래로 드래그하면 refresh control이 표시되고, progress indicator가 애니메이션화 되어 앱에 알려줍니다. 이 알림을 사용해 content를 업데이트하거나 refresh control을 무시할 수 있습니다. Target-action 메커니즘 UIRefreshC..

CoreData에 데이터 저장하는 것에 이어 새로운 TableViewController를 사용해 CoreData에 저장된 데이터를 tableView에 출력하고, 해당 tableView 위에 버튼을 만들어 버튼 클릭시 CoreData에 저장된 데이터를 삭제해보려고 합니다! 💪🏻 TableView UI 만들기 우선 TableView의 UI부터 만들어 보려고 합니다! 메인화면에서 navigationController를 연결하여 navigationItem안의 버튼 클릭시 modal로 TableViewController가 뜨도록 구현을 하였습니다. WishList를 보여주는 View도 29CM의 어플의 장바구니를 보고 비슷하게 UI를 그려주었어요. 여러 항목을 선택하는 체크 버튼이 따로 필요가 없어서 삭제 버튼은..

안녕하세요! 🌱 오늘은 어제 만든 위시리스트의 버튼을 눌렀을 때, 해당 위시리스트를 코어데이터로 저장하는 작업을 하였습니다! 함께 가보시죠! CoreData 데이터 구조 우선 coreData의 데이터 구조부터 만들어주어야겠죠?! URLSession에서 가져왔던 데이터 정보들 중 images를 제외하고 그대로 사용해주었어요! struct Product: Codable { let id: Int let title, description: String let price: Int let discountPercentage: Double let brand, category: String let thumbnail: String let images: [String] } Editor -> Create NSManagedOb..

오늘은 위시 리스트의 UI작업과 화면에 Data를 띄우는 작업을 하였습니다! 그럼 시작해볼까욧?! ✨ WishListApp UI WishListApp의 메인화면은 그저 깔끔하고 심플했으면 좋겠다라고 생각을 했어요! 그래서 평소에 제가 즐겨쓰는 앱인 " 29CM "의 상품 화면과 비슷하게 만들어보자고 생각하게 되었습니다! 아래 Add to Wish 버튼과 Next to Item 이 있는 View는 고정인 상태로 Description이 길어지게 되면 View가 스크롤이 되게끔 구현을 해보려고 합니다! 글씨체는 다르지만 그래도 정말 깔끔한 UI 같아요!ㅎㅎ WishListApp Data 적용하기 URLSession을 통해 변환한 데이터를 사용하기 위해 ProductDataManager의 인스턴스를 만들어줍니다..