본문 바로가기

💻 스파르타코딩클럽/팀 프로젝트7

[세번째 팀 프로젝트] 킥보드 쉐어링 앱 2️⃣ 오늘은 지도 페이지에 들어갈 간단한 UI만 먼저 구현해볼 예정이다!!만들어둔 와이어 프레임대로 크게 두가지로 기능을 잡아보았다 :)1.  Search Bar2.  Modal 06.  네비게이션 서치바먼저 검색기능을 구현하려고 찾아보니 네비게이션 요소 중 하나인 서치바(Search Bar)라는 기본 기능이 있었다navigation item에 추가해 주는 것인데, cancle 기능까지 들어가 있어서 완전 딱이라는 생각이 들었다  navigationItem.searchController 넣어서 간단하게 함수 만들어주고, viewDidLoad에 함수 호출해주면 된다   07.  모달두번째는 지도앱에서 킥보드 위치 클릭 시 띄워줄 대여하기창인데 모달로 구현하기로 했다먼저 필요한 View들을 상단에 생성해준다(폰트.. 2024. 7. 23.
[세번째 팀 프로젝트] 킥보드 쉐어링 앱 1️⃣ 드디어 세번째 팀 프로젝트! 👏🏻 시간이 너무 빨라서 아쉬울 정도다 ㅜㅜ이번에 진행하게된 프로젝트는 지도 API를 가져와서 킥보드를 빌리고 자신의 킥보드를 대여해줄 수 있는 킥보드 쉐어링앱이다 01.  프로젝트 개요프로젝트명: 모두의 킥보드프로젝트 설명: 개인 전동킥보드를 등록하여 쉐어링 할 수 있게끔 하고 요금을 받는 식으로 운영되는 어플입니다   02.  사용하는 기술더보기협업툴: Github언어: SwiftUI 프레임워크: UIKit, SnapKit데이터 저장소: Core Data네트워킹: URLSession지도 API: 카카오맵 API  03.  와이어프레임 제작(피그마)이번 2조에서는 피그마로 와이어프레임을 제작했다이번 프로젝트에서는 로그인 페이지도 구현해야 한다  04.  역할 분배역할 분.. 2024. 7. 22.
[두번째 팀 프로젝트] 모바일 키오스크 4️⃣ 2024. 7. 11.
[두번째 팀 프로젝트] 모바일 키오스크 3️⃣ 오늘은 팀플 3일차!각자 작업물 가지고 리뷰하는 시간을 가졌고 아래와 같은 피드백이 나왔다. 팀 프로젝트 1차 피드백컬렉션뷰 셀간 간격 조정이미지 사이즈 키우기음료 이름 폰트 사이즈 키우기가격 폰트 볼드 처리하기 & 3번째 줄 고정 수정 1.  CollectionView Cell 간격 수정extension SBMenuController: UICollectionViewDelegateFlowLayout { func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize { // 셀.. 2024. 7. 5.
[두번째 팀 프로젝트] 모바일 키오스크 2️⃣ 어제 논의했던 와이어프레임과 기획 내용을 바탕으로 내가 담당하게된 미들 부분은메뉴의 이미지와 이름, 가격이 들어가는 메인 메뉴 파트다 해당 부분은 Collection View(컬렉션뷰)를 사용하는 것이 프로젝트 과제 조건이었다!컬렉션뷰는 처음 사용하는 거라 내용을 간단하게 찾아 보았다 컬렉션뷰란?정렬된 데이터 아이템 모음을 관리하고, 사용자 레이아웃으로 유연하게 표현이 가능한 객체동일한 기능과 레이아웃을 가진 view 들을 재사용 할 수 있다  메인 메뉴 이미지를 참고하자면, 동일한 규격의 View 내부에 이미지와 텍스트만 달라지는 건데,해당 부분은 컬렉션뷰를 이용하는 것이 적합한 것 같았다    이것 저것 찾아보면서 완성한 코드.. 인줄 알았는데 🚨 오류 발생 🚨import UIKitimport S.. 2024. 7. 4.
[두번째 팀 프로젝트] 모바일 키오스크 1️⃣ 01. 프로젝트 개요내용: MacA Coffee 모바일 키오스크 제작인원: 김솔비, 윤대성, 안지현, 김광현, 이득령 02. 사용하는 기술더보기1.1 기본 UI 요소UIView: 모든 UI 요소의 기본 클래스.UIButton: 터치 이벤트를 처리하는 버튼.UILabel: 텍스트를 표시하는 레이블.UIImageView: 이미지를 표시하는 뷰.1.2 컨테이너 및 레이아웃UIStackView: 수직 또는 수평으로 뷰를 정렬하는 컨테이너.UIScrollView: 스크롤 가능한 컨텐츠 영역을 제공하는 뷰.UICollectionView: 커스텀 레이아웃을 사용하여 데이터 항목을 표시하는 뷰.UISegmentedControl: 여러 세그먼트 중 하나를 선택할 수 있는 컨트롤.1.3 사용자 상호작용UIAlertCont.. 2024. 7. 2.