Deep_Dev
[SwiftUI] Onboarding 화면 만들기
🍎 iOS/SwiftUI 2024. 8. 10. 15:50

🎁 Onboarding 이번 MC3 프로젝트에서 온보딩화면 구현을 맡았어서,옛날에 온보딩을 구현할 때는 그냥 되는대로 막 구현을 해서 정리가 안되었지만이번에 다시하는 김에 정리를 해보려 합니다.  1. 재시작 여부를 저장할 로컬 데이터 변수 + 최초 실행시 온보딩 화면 띄우게 하는 작업앱이 재시작 여부를 기억하기 위해선, 기기에 로컬 데이터로 저장합니다.@AppStorage를 이용합니다.최초 구동시에만 해당 데이터 값이 true이므로 온보딩화면이 .fullScreen으로 띄워지고, 이후에 false로 바꿔주면서재실행시에도 뜨지 않게 합니다.import SwiftUIstruct ContentView: View { // 온보딩 화면을 앱 최초 실행때 한번만 띄우도록 하는 로컬 변수 @AppStorage("..

article thumbnail
[WatchOS][SwiftUI] NavigationLink - PlainButtonStyle()
🍎 iOS/WatchOS 2024. 7. 7. 16:28

📚 WatchOS - SwiftUINavigationLink - PlainButtonStyle로 버튼의 시각적 요소 적용 X  PlainButtonStyle()모든 OS에서 공통으로 사용할 수 있는 버튼 스타일로, 유휴 상태(IDLE)에서는 버튼의 콘텐츠에 어떠한 시작적 요소도 적용하지 않음  WatchOS를 개발하던중VGrid안에 ForEach문으로 데이터들의 List를 보여주고,각 Cell들을 NavigationLink로 연결시켜주는 작업을 했다. 먼저 CellView를 그리는 작업을 먼저 했고, 이후 NavigationLink로 DetailView로 넘어가게 수정하였다.import SwiftUIstruct WatchMarkerListView: View { let tempData = [..

article thumbnail
[SwiftUI] Custom Alert View
🍎 iOS/SwiftUI 2024. 6. 16. 21:37

✅ Custom Alert   해커톤을 할 때,이런 뷰를 구현해야했었다. 이것은 기존의 Alert를 Custom하면 나오는것이다.  import SwiftUIstruct ContentView: View { @State private var isAlertPresented = false var body: some View { ZStack { VStack { Button("Show Custom Alert") { isAlertPresented.toggle() } .padding() ..

article thumbnail
[SwiftUI] View -> Flip 기능
🍎 iOS/SwiftUI 2024. 6. 16. 20:28

✅ 뷰를 전환시키는 애니메이션인 Flip 기능   1. MainViewimport SwiftUIstruct ContentView: View { @State var isFlipped = false var body: some View { VStack(spacing: 0) { ZStack { if isFlipped { FrontView() } else { BackView() } } .scaleEffect(x: isFlipped ? -1 : 1) .f..

article thumbnail
[CodeDrop] Hackathon : 워키비키

안녕하세요.이번엔 애플 디벨로퍼 아카데미에서 처음으로 경험했던 해커톤에 대해서 회고를 남기고자 합니다. 3기 러너들로 구성된 팀 뉴턴이 2024년 6월 14일 오후 7시를 시작으로 다음 날인 15일 오후 5시까지 해커톤을 주최해주었습니다. 저희 팀은 테크 2명, 디자이너 1명, 기획 1명으로 총 4명의 팀원으로 구성되었습니다.  주제Work-Life Collaboration   기획 단계주제가 생각보다 어려웠다고 느껴졌습니다.Work life Blance의 반대인 Work Life Collarboration 이라.. 심지어 주제를 검색하면 정보가 많이 나오지도 않았고, Work Life Blending이라고 검색해야 관련 정보가 나오기도 했습니다. Work Life Collarbotion이란, 간단히 말..

article thumbnail
[MC2] PostEat : 포스텍 영양사님의 업무를 도와드리자

안녕하세요.애플 디벨로퍼 아카데미에서 4월 29일부터 5월 31일까지 약 5주동안 진행했던 MiniChallenge2 프로젝트에 대해서 회고 및 정리를 하고자 합니다. 서론주제 결정 과정 본론기획 과정인터뷰 과정디자인 과정 개발 과정에서 배운 것 결론유저테스트마무리서론주제 결정 과정여러 명의 대상이 아닌 우리의 특정 대상의 삶이 좀 더 나아지도록 도전하는 챌린지인 MC2에서, 저는 '포스텍 영양사님이 업무를 쉽게 할 수 있도록 돕자'라는 주제를 선택하게 되었습니다. 다른 재미있는 주제들도 많았지만, 해당 주제를 선택한 이유는 크게 2가지가 있었습니다. 1. 영양사로 일하고 있는 친누나가 있었기 때문에, 누나와 같은 고충을 겪고 있으실까라는 궁금즘과 함께 어쩌면 같은 업무의 종사자가 가족이니만큼 프로젝트를..

article thumbnail
[SwiftUI] SwiftData
🍎 iOS/SwiftUI 2024. 4. 22. 20:00

✅ SwiftData Why is SwiftData ? - SwiftData는 왜 만들어졌을까요 ? CoreData와 Realm의 장점을 합친듯한 느낌 What is SwiftData ? 데이터 모델링 및 관리를 위한 강력한 프레임워크 즉, 데이터베이스 그 자체는 아니라는 것. 외부 파일 형식 없이 전적으로 코드에 집중하고 Swift의 새로운 매크로 시스템을 사용하여 원할한 API 경험을 제공하는 구성요소 @ . ✅ @Model 클래스를 persistent 모델이라는 타입으로 바꿔주는 역할. 클래스는 데이터베이스의 엔티티같은 역할을 하게되고, 또 persistent 모델이라는 타입으로 앱한테 이제 이건 스키마야 라고 알려주게 된다. PersistentModel : AnyObject, Obersvable,..

article thumbnail
[SwiftUI] TextEditor BackgroundColor 적용
🍎 iOS/SwiftUI 2024. 4. 22. 10:27

TextEditor의 Background Color를 적용하려면 .scrollContentBackground(.hidden)으로 기본 배경을 숨기고 .background(.clear)를 적용하면 된다. 이 상태에서, TextEditor(text: $memoContent) //.scrollContentBackground(.hidden) .background(.red) .padding() .background(.red) .cornerRadius(10) .lineSpacing(10) 주석을 지워주면, TextEditor(text: $memoContent) .scrollContentBackground(.hidden) .background(.red) .padding() .background(.red) .corne..