내가 필요한 다이어리1

우당탕탕 다이어리 만들기!

개발에 들어가기에 앞서 일단 만들면서 기록해봅시다람쥐

흠,, 일단 만들어보려고 xcode에 진입했는데

SwiftUI로 만들 거니까 설정하고.. 하다가 Storage? Core Data?

얼핏 들어서 Core Data를 사용할 예정이긴 한데 일단 체크.. 아니 찾아보자

 

Core Data

• 하나의 단말 내부에 데이터를 캐싱하거나 보존하는 프레임워크
• 또는 CloudKit을 이용해 여러 단말의 데이터를 싱크하는 프레임워크

*캐싱(caching) : 데이터나 계산 결과와 같은 자원을 임시 저장소에 보관하는 기술

*CloudKit : 애플에서 제공하는 클라우드 기반 데이터 저장 및 서비스 플랫폼

*데이터 싱크(data sync) : 서로 다른 데이터 저장 공간이나 디바이스 간에 데이터를 일치시키는 과정

 

Core Data는 앱의 데이터를 오프라인에서도 사용할 수 있도록 저장하거나, 임시 데이터를 캐싱하는 데 사용.

여러 디바이스를 iCloud로 연동하기 위해서 Core Data는 schema를 CloudKit 컨테이너에 미러링 하기도 함.

 

결론은 Core Data로 선택하고 만들면 되는 듯!

그전에 깃허브 연동도 해주고

https://velog.io/@contea95/Swift-Xcode%EC%99%80-Github-%EC%97%B0%EB%8F%99%ED%95%98%EA%B8%B0

[Swift] Xcode와 Github 연동하기

 

생성!

CoreData를 선택해서 이런 코드가 나타난 건가..

차차 알아가 보도록.

 

원래 GitHub Desktop도 써줬으니 설치해주고

https://velog.io/@lazysia/git-github-desktop-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0

[git] github desktop 사용하는 법

오랜만이라서 참고해 주면서.. ㅎㅎ

어찌어찌 만들기!

이제 브런치 파서 테스트 해보자고

휴~ 조금 삽질했는데 이제 되었군

일단 GitHub Desktop에서 레포지토리를 만들어서 로컬에 폴더 만든 다음에

그 폴더에 xcode파일 만들어서 저장한 다음에

브런치 파서 올린 다음에 github 사이트에서 머지 후에 다시 github desktop main에서 받고 다시 작업 반복

 

오케이 세팅 끝~

어찌어찌 캘린더 화면 틀만 만들었는데 데이터포맷하고 버튼 길쭉하게 만드는 게 좀 시간이 걸렸음

@State private var date = Date()
    
var body: some View {
    DatePicker(
        "Start Date",
        selection: $date,
        displayedComponents: [.date]
    )
    .datePickerStyle(.graphical)
    
    Text(date, formatter: dateFormatter)
}

private let dateFormatter: DateFormatter = {
    let formatter = DateFormatter()
//    formatter.dateStyle = .short
    formatter.dateFormat = "yyyy.MM.dd"
    return formatter
}()

 

데이터피커로 캘린더 만든 다음에 dateFormatter를 따로 만들어서 원하는 형식으로 뽑아주기

나는 '2024.04.13' 이런 형식이 필요해서 'yyyy.MM.dd'로 설정

 

Button {
    print("기록하기")
} label: {
    Text("기록하기")
        .frame(maxWidth: .infinity)
        .frame(height: 40)
        .font(.system(size:16, weight: .medium))
        .foregroundColor(.black)
        .background(
        RoundedRectangle(cornerRadius: 10)
            .fill(Color.gray))
}

 

버튼도 background에 RoundedRectangle해서 하면 길쭉~하게 설정할 수 있음

(아니면 글씨를 클릭해야만 버튼이 눌려지니까 이상함)

 

전부 조금씩 해맸.. 하하

 

좋아 계속 해보자고~