전체 글226 [SwiftUI] NavigationStack, pop firestore를 이용한 간단한 게시판 앱 만듬 금주 게시판임^.^ 로그인 대신 일단 캐릭터 선택해서 들어가도록 만둠 ^.^ 근데 게시물 디테일뷰에서 네비게이션 스택이 겹쳐보이는것 상위 뷰에서 NavigationLink를 이용하고, 탭뷰에서 한번 더 뷰를 이동하니 네비게이션 스택이 층으로 쌓여서 이렇게 된 것 간단하게 생각해서 탭뷰의 백버튼을 지워줬다. import SwiftUI struct MainView: View { var profile : Profile @State private var tabSelection = 0 var body: some View { TabView(selection: $tabSelection){ NavigationView{ BoardListView(profile: profi.. 2023. 9. 11. [Figma] iOS 디자인 래퍼런스 https://www.figma.com/file/MOofwqPOdfMdHAGl5ND8A0/iOS-14-UI-Kit-for-Figma-(Community)?type=design&node-id=362-15726&mode=design&t=rv26hBBLNma9RnCD-0 Figma Created with Figma www.figma.com 2023. 9. 4. [Swift] Firestore 데이터 파싱 https://firebase.google.com/docs/firestore/query-data/get-data?hl=ko Cloud Firestore로 데이터 가져오기 | Firebase Google I/O 2023에서 Firebase의 주요 소식을 확인하세요. 자세히 알아보기 의견 보내기 Cloud Firestore로 데이터 가져오기 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하 firebase.google.com https://firebase.google.com/docs/firestore/query-data/queries?hl=ko#swift_1 Cloud Firestore에서 단순 쿼리 및 복합 쿼리 실행 | Firebase Google I/O 2023에서 Firebas.. 2023. 8. 29. [SwiftUI] Half modal @State var detent : PresentationDetent = .medium //처음 열릴때 VStack{ ... } .sheet(isPresented: $isShowingSheet) { NavigationStack{ SomeView() }.presentationDetents([ .medium, .large ], selection : $detent) } SwiftUI: Resizable Sheet presentationDetents를 이용해 sheet의 사이즈 조정presentationDetents를 이용하여 원하는 크기로 sheet의 사이즈를 조정할 수 있다.사용자가 조정 가능한 사이즈의 범위를 set 형태로 지정한다.가능한 사이즈 velog.io 2023. 8. 29. [SwiftUI] UI요소 랜덤위치로 바꾸기 (쥐잡기게임, Timer) 1초로 지정해놨는데 트랙패드로 쥐 잡기는 생각보다 어려웠음 ㅋ,ㅋ import SwiftUI struct CatchView: View { @State private var buttonPosition: CGPoint = CGPoint(x: 150, y: 150) @State var score : Int = 0 var body: some View { VStack { Spacer() Text("score : \(score)") Button("🐹") { self.randomButtonPosition() //버튼을 눌러 쥐를 잡게되면 새로운 포지션으로 이동 score += 1 //잡았을때 스코어 } .position(buttonPosition) //쥐의 포지션 Spacer() } .onAppear { //타이머를.. 2023. 8. 17. [Swift] API사용 https://mocki.io Mock API - Create and Simulate APIs for Testing - Mocki Mock API for Development and Testing Using Mocki you can create, run and deploy mock APIs. Use your mocks to design your API, serve static responses, simulate error scenarios and remove dependencies to external services. Sign up today for a free 7-day tria mocki.io https://app.quicktype.io/ 이거 좋음! Json을 API로 만들어주는 웹사이트 2023. 8. 16. [SwiftUI] Path로 도형그리기 Path는 2D 도형 그릴때 이용 import SwiftUI struct MoveTestView: View { var body: some View { ZStack{ Color(.yellow) Path{ path in path.move(to: CGPoint(x: 150, y:0)) path.addLine(to: CGPoint(x: 0, y: 300)) path.addLine(to: CGPoint(x: 300, y: 300)) path.closeSubpath() }.fill(.pink) }.frame(width: 300, height: 300) } } struct MoveTestView_Previews: PreviewProvider { static var previews: some View { MoveTes.. 2023. 8. 15. [Swift] 앱에서 웹사이트 열기(Type 'AppleSupportView' does not conform to protocol ) ContentView.swift import SwiftUI struct ContentView: View { @state private var showingWebSheet : Bool = false var body: some View { NavigationStack{ Button { showingWebSheet = true } label: { Text("Open Website").font(.largeTitle).bold() } } .sheet(isPresented: $showingWebSheet) { //sheet로 사이트 열기 SafariWebView(siteURL: "") } } } struct ContentView_Previews: PreviewProvider { static var previews:.. 2023. 8. 5. [SwiftUI] 커스텀 배경색 지정하는 방법 1. RGB 값으로 지정해주기 struct ContentView: View { var body: some View { ZStack{ Color(red: 250 / 255, green: 130 / 255, blue: 110 / 255).ignoresSafeArea() } } } 2. Assets에 추가하기 Assets창의 아랫쪽에 + 버튼 클릭 그리고 속성창을 열어서 지정해줌 import SwiftUI struct ContentView: View { var body: some View { ZStack{ Color("user").ignoresSafeArea() } } } struct ContentView_Previews: PreviewProvider { static var previews: some View.. 2023. 8. 5. 이전 1 ··· 3 4 5 6 7 8 9 ··· 26 다음
