티스토리

나으ㅣ 코딩일지
검색하기

블로그 홈

나으ㅣ 코딩일지

hanl0ight.tistory.com/m

부족함으로 가득한

구독자
3
방명록 방문하기

주요 글 목록

  • SwiftUI_ @Environment @Environment:뷰의 환경 설정을 관리하고 공유하는 데 사용되는 속성 래퍼 폰트, 색상 스킴, 다크 모드 설정 등 시스템 제공 값을 쉽게 접근할 수 있게 합니다. 예를 들어, 현재의 컬러 스킴을 확인하기 위해 @Environment(\.colorScheme)를 사용할 수 있습니다. 상위 뷰에서 하위 뷰로 전달해야 하는 값들이 많아질 때, @Environment를 사용하면 직접적인 프로퍼티 전달 없이 간편하게 값을 접근할 수 있습니다. 즉, 현재 환경 설정을 다른 환경에서도 적용하고 싶을 때 사용된다. (상위뷰에서 하위뷰로 전달할 수 있다.) struct MyOtherScreen: View { @Environment(\.presentationMode) var presentationMod.. 공감수 0 댓글수 0 2024. 7. 23.
  • SwiftUI _ ViewModel (@Published, @ObservedObject, @StateObject) ViewModel을 사용하는 이유 : 간단한 앱은 몰라도 복잡한 앱에서 데이터베이스와 관련해서 무언가를 변경하고 싶을 때   데이터의 어떤 부분이 뷰의 어떤 부분인지 파악하고, 뷰를 살피는 시간을 절약할 수 있음   -> 바로 ViewModel에서 데이터와 관련된 비즈니스 로직을 확인 및 변경 가능 @Published: 클래스 내에 있다는 점을 제외하면 @State와 동일 (클래스 자체에 ViewModel을 알림) @ObservedObject: ViewModel에 @Published로 클래스에 변화를 알리는 것처럼 뷰에도 뷰모델로 인한 변화를 알려야 하는 데 그때 사용* @ObservedObject를 사용하기 위해서는 ViewModel에 ObservableObject로  관찰 가능한 클래스라는 것을 표시.. 공감수 0 댓글수 1 2024. 7. 22.
  • SwiftUI_ onAppear, onDisapear .onAppear: 화면에 표시될 때 onApear 실행 .onDisappear: 화면에서 사라질 때 onDisappear 실행 import SwiftUIstruct OnAppearPractice: View { @State var myText: String = "Start text." @State var count: Int = 0 var body: some View { NavigationView { ScrollView { Text(myText) LazyVStack { ForEach(0..* onAppear과 onDisappear.. 공감수 0 댓글수 0 2024. 7. 22.
  • SwiftUI _ @State, @Binding @State: 뷰에게 변수의 상태를 관찰하라고 지시 import SwiftUIstruct StatePractice: View { //@State : 뷰에게 변수의 상태를 관찰하라고 지시 @State var backgroundColor: Color = Color.green @State var myTitle: String = "Title" @State var count: Int = 0 var body: some View { ZStack { backgroundColor .ignoresSafeArea() VStack(spacing: 20) { Text(myTitle).. 공감수 0 댓글수 1 2024. 7. 22.
  • SWiftUI _ MapKit 이렇게 화면에 작게 Map을 연결하는 것을 구현하려고 함 1. 먼저 프로젝트에 MapKit 프레임워크를 추가import MapKit 2. Map 뷰를 사용하여 지도를 표시Map() .frame(height: 200) VStack { Map() .frame(height: 200) Divider() HStack() { Text("Sunday, Jan 21") .font(.footnote) .fontWeight(.bold) .foregroundColor(.gray) .padding(.leading) Spacer() Button(action: { .. 공감수 0 댓글수 1 2024. 7. 20.
  • WanderBoard _ 최종프로젝트 회고 WanderBoard _ 여행 기록 어플 초기 기획맨 처음 아이디어를 냈을 때는 여행을 계획하고 기록하는 어플을 제작하고자 했다당시 생각했던 주요 기능은 맵으로 경로를 표시할 수 있고, 캘린더로 여행일정과 여행 계획을 기록하여 여행 카운트 다운,, 꼭 하고 싶었다...여행에 맞는 시원한 색감으로 생각했음! 그러나 6주라는 시간 안에 이렇게 많은 기능을 구현하기는 어려울 것이라고 생각해서 우선 기록에 중점을 두고, 시작하기로 하고, 계획 부분은 나중에 시간이 남으면 추가하기로 하고, 우선은 여행 기록 어플로 결정했다! 초기 화면 흐름도와 와이어프레임!  최종 기획 여행 사진과 사진 촬영 장소를 지도에 보여주고, 글로도 기록하고, 지출까지 함께 기록할 수 있는! 다른 사람들의 여행을 구경하며, 다음엔 어디로.. 공감수 1 댓글수 1 2024. 7. 12.
  • SwiftUI Rectangle() .opacity(0.001) .overlay( WebImage(url: URL(string: urlString)) .resizable() .indicator(.activity) .aspectRatio(contentMode: .fill) ) Rectangle(): 해당 뷰를 포함하는 프레임 내부에 정렬된 직사각형 모양https://developer.apple.com/documentation/swiftui/rectangle Rectangle | Apple Developer DocumentationA rectangular shape aligned inside the frame of .. 공감수 0 댓글수 0 2024. 7. 7.
  • UIHostingController _ 페이지 컨트롤러 호스팅 SwiftUI랑 UIKit 을 동시에 사용해서 호스팅하는 것을 공부했다.이번 프로젝트를 하면서 애니메이션이나 디자인 적으로 UIKit으로는 구현하기 어려운 부분을 SwiftUI로 구현했는데너무 큰 매력을 느껴서 앞으로 공부해보려고 한다 ! (TMI...) UIHostingController: SwiftUI 뷰 계층을 관리하는 UIKit 뷰 컨트롤러https://developer.apple.com/documentation/swiftui/uihostingcontroller UIHostingController | Apple Developer DocumentationA UIKit view controller that manages a SwiftUI view hierarchy.developer.apple.com .. 공감수 0 댓글수 0 2024. 7. 6.
  • 이미지 캐싱 _ Kingfisher Kingfisher의 장점:비동기 이미지 로드: URL에서 이미지를 비동기적으로 로드캐싱: 이미지를 메모리와 디스크에 캐시하여 성능을 향상간편한 사용: setImage(with:) 메서드 하나로 간편하게 이미지를 로드하고 캐시다양한 기능: 이미지 변환, 애니메이션, 플레이스홀더, 에러 처리 등의 다양한 기능을 제공최종프로젝트 어플이 특성상 이미지를 불러올 일이 많아서 Kingfisher 라이브러리를 사용하여 이미지를 로드하고 캐싱// 대표 이미지if let imageUrl = recentLog.representativeMediaURL, let url = URL(string: imageUrl) { backImg.kf.setImage(with: url)} else { backImg.backgrou.. 공감수 0 댓글수 0 2024. 7. 6.
  • CAGradientLayer _ 화면에 그라데이션 넣기 프로젝트 정리 https://babbab2.tistory.com/55 iOS) CAGradientLayer - UIView에 그라데이션 넣기안녕하세요 소들입니다 :) 오~늘~은~~~ CALayer쪽을 공부하고 있는 기념? CAGradientLayer를 이용해 UIView에 그라데이션을 넣어볼 거예요! 완성본은 뭐 요런 느낌인데 ㅎㅎ... 색상 라임 같지 않나여!? 🍋babbab2.tistory.com 이거 보면서 만들었었는데 잘 정리되어 있음.. ㅎlet colors: [CGColor] = [ UIColor.white.cgColor, UIColor.clear.cgColor, UIColor.clear.cgColor, UIColor.clear.cgColor, UIColor.cle.. 공감수 0 댓글수 0 2024. 7. 6.
  • 64일차 TIL _ LargeTitle / 페이지 뷰 컨트롤러로 화면 구성 네비게이션 바 Large Title & UIPageViewController   정리가 안된 상태에서 이것저것 해보다보니까 엄청 엉켜서 헤맸다.. 정리하고, 차근차근해보니까 성공 :) 일단 UIPageViewController UIPageViewController : 하위 뷰 컨트롤러가 각 페이지를 관리하는 콘텐츠 페이지 간의 탐색을 관리하는 컨테이너 뷰 컨트롤러https://developer.apple.com/documentation/uikit/uipageviewcontroller UIPageViewController | Apple Developer DocumentationA container view controller that manages navigation between pages of cont.. 공감수 0 댓글수 2 2024. 5. 29.
  • 61일차 TIL _ 팀프로젝트 회고 거북이의 단어장 TURTLE VOCA  프로젝트를 하면서 어려웠던 점팀원분의 추천으로 View를 top, body, bottom으로 나눠서 진행했는데, ViewController에서만 할 수 있는 기능들을 추가하기 위해 연결하는 부분에서 어려움을 겪었다. (처음엔 저번 개인과제 때 사용해 봐서 익숙한 delegate 방식을 많이 사용했다. 그러나 여러 파일에 데이터를 전달해야 할 때 너무 헷갈리고, 복잡하다는 생각이 들었다. 그리고 이 방식 외에도 다른 간편한 방식이 있다는 것을 알게 되었음)    1-1. Delegate 방식//AddBookCaseBodyView.swiftprotocol AddBookCaseBodyViewDelegate: AnyObject { func didSelectImage(.. 공감수 0 댓글수 4 2024. 5. 25.
  • 59일차 TIL 모의면접 시뮬레이션 Q&A Q6. 두 검색 결과를 datetime 필드를 이용해 정렬하여 출력하는 방법을 설명해 주세요.A: 먼저, 두 검색 결과 리스트를 하나의 리스트로 병합합니다. 그다음, datetime 문자열을 Date 객체로 변환하기 위해 DateFormatter를 생성합니다. 병합된 리스트에서 각 항목의 datetime 문자열을 Date 객체로 변환한 후, 이를 기준으로 리스트를 정렬합니다. 정렬된 리스트를 원하는 형식으로 출력하면 두 검색 결과 리스트를 datetime 필드를 기준으로 합치고 정렬할 수 있습니다.  git add .잘못했을 때!git reset .을 해주면 add 한 거 없어짐 ㅎㅎ 단어장에서 단어장 삭제 시 단어가 남아있는 오류가 있다. ㄴ NSManagedObjcet를 사.. 공감수 0 댓글수 5 2024. 5. 22.
  • 58일차 TIL 모의면접 시뮬레이션 Q&A Q5. 동영상 재생 화면 구현 시, 불러온 이미지 리스트는 어떻게 보이는지 설명해 주세요.A: 동영상 플레이어의 썸네일, 장면 미리 보기 또는 챕터 표시 등 다양한 방식으로 사용될 수 있습니다. 불러온 이미지를 보여주기 위해 일반적으로 UICollectionView를 사용합니다.먼저 URL에서 이미지를 배열에 저장하여 이미지 리스트 불러옵니다.UICollectionView를 사용하여 그리드 형태로 이미지 리스트를 보여줍니다.동영상 재생과 통합하여 이미지 선택 시 동영상 재생 시점을 이동시키는 기능을 구현할 수도 있습니다.  아이콘 설정The stickers icon set or app icon set named "AppIcon" did not have any applicable.. 공감수 0 댓글수 0 2024. 5. 21.
  • 57일차 TIL 모의면접 시뮬레이션 Q&A Q4. present를 사용해 화면 전환을 구현하는 방법을 설명해 주세요.A : 화면전환을 구현하는 방법은  present, Navigation 방식 등등,, 여러 가지가 있습니다.  그중에서 present방식에 대해서 이야기해 보자면 present와 dismiss 메서드로 화면을 띄우고, 내릴 수 있습니다. present 메서드는 현재 뷰 컨트롤러에서 새로운 뷰 컨트롤러를 모달 형태로 표시합니다. 이 방식은 새로운 화면이 기존 화면 위에 덮어쓰는 형태로 표시되며, 새로 띄운 화면은 뒤로 가기 버튼이 따로 표시되지 않습니다. 따라서, 화면을 내릴 때는 dismiss 메서드를 사용해야 합니다. //presentlet newVC = UIViewController() // 이동할 .. 공감수 0 댓글수 0 2024. 5. 20.
  • 😯 PHPickerhttps://zeddios.tistory.com/1052 컬렉션 뷰 EditBookCaseViewController 만들어서 코어데이터 수정 TextField 글자 수 제한https://ios-daniel-yang.tistory.com/9 [iOS/Swift] UITextField 설정텍스트 필드 여러 설정들 UI 관련 textField.frame.size.height = 22 // 프레임 높이 textField.borderStyle = .roundedRect // 테두리 스타일 textField.autocorrectionType = .no // 자동 수정 활성화 여부 textField.spellCheckingType =ios-daniel-yang.tistory.com+ TextField.. 공감수 0 댓글수 0 2024. 5. 19.
  • 55, 56일차 TIL 모의면접 시뮬레이션 Q&A Q2. UserDefaults로 저장해 놓은 데이터를 UICollectionView에 보여주는 방법을 설명해 주세요.A : UserDefaults 다른 팀원이 사용하셨던 거 쓱 보고 지나갔어서 ㅜ 막상 이렇게 질문이 들어오니.. 정확하게 잘 모르고 있는 것 같았다.. 강의도 들었었는데..🥹 그냥 간단한 데이터 저장하고, 불러오는 데 사용하는 그런 거.. 대충 이렇게 알고 있어서.. 역시 복습이 중요하다 느꼈다.. 그런 의미에서 한 번 더 공부하고 답변 적어야겠다고 생각했다! UserDefaults: 앱 실행 시 지속적으로 키-값 쌍을 저장하는 사용자의 기본 데이터베이스에 대한 인터페이스1. UserDefaults를 통해서 plist에 데이터 저장2. UserDefaults는 .. 공감수 0 댓글수 4 2024. 5. 17.
  • 54일차 TIL 모의면접 시뮬레이션 Q&A Q1. Storyboard를 이용해 UI를 구현하는 방법을 설명해 주세요.A : UIViewController를 생성해서 UI 요소들을 드래그, 드롭 방식으로 ViewController의 View에 배치하여 구현합니다.스토리보드에서나 코드에서나 UI를 구현할 때는 오토레이아웃 Constraints를 잘 잡아주는 것이 중요하며,스토리보드에서 요소들은 IBOulet, IBAction을 통해 코드와 연결하여 여러 가지 작업을 수행할 수 있습니다. 이건 ChatGPT 답변Storyboard를 사용하여 UI를 구현하는 방법은 다음과 같습니다.Xcode에서 새로운 Storyboard 생성: Xcode를 열고, 프로젝트 내에서 Storyboard 파일을 생성합니다.UIViewControll.. 공감수 0 댓글수 4 2024. 5. 14.
  • 53일차 TIL 팀프로젝트 시작!  git clone 해서 받아오고 브런치 생성 후에 이동해서 시작해보려고 하니까..Missing package product 'SnapKit'이런 에러가 났다.. 분명 SnapKit이 있는데 왜 이러지 하고 챗지피티에 물어보니까SnapKit 버전 충돌: SnapKit의 버전과 다른 종속성 패키지의 버전이 충돌하는 경우가 있을 수 있습니다. 이 경우 SnapKit과 다른 패키지의 버전을 호환되는 것으로 업데이트해야 할 수도 있습니다.그래서 버전 문제인가하고.. 삭제했다가 다시 설치했는데,, Package.resolved file is corrupted or malformed 이런 에러가 또 생김 ^^!ㅠ 다시 chatGPT에 물어보니까.. ' 이 에러는 프로젝트의 Swift Package.. 공감수 0 댓글수 4 2024. 5. 13.
  • 52일차 TIL 개인과제 UITabBarController: 선택에 따라 표시할 하위 뷰 컨트롤러가 결정되는 다중 선택 인터페이스를 관리하는 컨테이너 뷰 컨트롤러https://developer.apple.com/documentation/uikit/uitabbarcontroller UITabBarController | Apple Developer DocumentationA container view controller that manages a multiselection interface, where the selection determines which child view controller to display.developer.apple.com1) TabBar 생성    : UITabBarController를 사용하여.. 공감수 0 댓글수 2 2024. 5. 10.
  • 49일차 TIL 하위뷰로 놓기 [searchBar,recentView].forEach { view.addSubview($0)} [recentLabel].forEach { recentView.addSubview($0)}recentLabel을 recentView 하위에 놓고 싶으면 이렇게 addSubview로 호출해 주면 된다! 스탠더드반 강의스파르타 코딩 클럽 네트워크 통신 1 url 만들기url : 네트워크 통신을 위해 접근하는 주소* 단순히 string으로 받을 수 있고, URLComponent를 통해 좀 더 세세하게 정리해서? 받아올 수도 있다 * 쿼리 (쿼리이름 = 쿼리조건) : 검색 조건 func fetchNumberAPI(num: Int) { guard let url = URL(st.. 공감수 0 댓글수 4 2024. 5. 7.
  • UIView 모서리 둥글게 만들기 / 그림자 추가 UIView 모서리를 둥글게 만들기!cornerView.layer.cornerRadius = 20간단하게 이렇게 해서 cornerRadius에 값을 주면 모든 모서리를 20 정도 둥글게 만들어줄 수 있다.값이 커질수록 더 동그래짐! 그런데 모든 모서리가 아니라 특정 모서리만 둥글게 해 주려면,,cornerView.layer.cornerRadius = 20cornerView.layer.maskedCorners = CACornerMask(arrayLiteral: .layerMinXMinYCorner, .layerMinXMaxYCorner)이렇게 해주면 되는데, 이 코드는 왼쪽 상단과 하단을 둥글게 만들어준 코드이다. 실행하면 이렇게 나온다. https://swieeft.github.io/2020/03/05/.. 공감수 0 댓글수 2 2024. 5. 7.
  • 동영상 실습 (AVKit) iOS 앱 개발 심화 (실습)스파르타 코딩 클럽 import AVKit: AudioVisual ( 소리와 시각적 요소를 모두 처리하는 전자 매체 )를 사용하기 위한 기본적 사용자 인터페이스 URL: URL은 특정 리소스의 위치를 나타냄 ( 보통 String을 통해서 접근 && 한글이나 공백 포함 시 리턴 값이 nil )let url = URL(string : "url 주소")! playerButton = 눌렀을 때 동영상을 띄우기 위해 뷰에 생성될 버튼이다.url = 띄울 동영상의 urlplayerController = 동영상플레이어의 컨트롤러 인스턴스 생성 (AVPlayerViewController)player = 동영상 인스턴스 생성 (AVPlayer)    ㄴ AVPlayer?로 선언하여 Optio.. 공감수 0 댓글수 1 2024. 5. 6.
  • 코드베이스 _ SnapKit 라이브러리 스탠다드반 강의스파르타 코딩클럽스탠다드반 강의 자료 SnapKit 라이브러리를 사용하면 codebase로 구현할 때 더 깔끔하고, 간결하게 코딩할 수 있다translatesAutoresizingMaskIntoConstraints = false 도 따로 해줄 필요 없음 ! 스냅킷 사용 전 import SnapKit 잊지 않기 !//textLabel.translatesAutoresizingMaskIntoConstraints = false//textLabel.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor, constant: 30).isActive = true// SnapKit 사용textLabel.snp.makeConstraints { ma.. 공감수 0 댓글수 1 2024. 5. 5.
  • 48일차 TIL _codebaseUI 스탠다드 반 강의 (복습)스파르타 코딩 클럽 우선 코드베이스로 구현하려면 프로젝트를 생성 후, 메인 스토리보드를 삭제하고,info에서 StoryboardName 부분에 Main으로 설정되어 있는 것을 지우고, SceneDelegate 파일에서 ViewController를 연결해 주는 작업이 필요하다func scene(_ scene: UIScene, willConnectTo session: UISceneSession, options connectionOptions: UIScene.ConnectionOptions) { guard let windowScene = (scene as? UIWindowScene) else { return } window = UIWindow(windowScene: wind.. 공감수 0 댓글수 2 2024. 5. 3.
  • AutoLayout 스탠다드반 AutoLayout 강의스파르타 코딩클럽 https://fluffy-brie-4fd.notion.site/1-d0123b8d3111493ab7a539ed369de8c6 스탠다드 반 1주차 세션 - 오토레이아웃 | Notion오토레이아웃fluffy-brie-4fd.notion.site AutoLayout: 제약 조건(Constraints)에 따라  뷰 계층 구조에 있는 모든 뷰의 크기와 위치를 동적으로 지정하는 것   (디바이스가 작아져도 같은 모양을 유지하기 위해 설정하는 것) 오토레이아웃을 위한 필수 요소    1) 위치     2) 크기    ( * Lable, Button, Switch 등은 자기 기본 크기를 갖기 때문에 위치만 정해주면 ok ) Aspect Ratio: 요소의 크기를 일.. 공감수 0 댓글수 4 2024. 5. 2.
  • 46일차 TIL 스탠다드 반 강의스파르타 코딩 클럽 https://fluffy-brie-4fd.notion.site/6-CollectionView-fe448c305e1e4a16bed98cbba71ba1c9 스탠다드반 6주차 - CollectionView | Notion컬렉션 뷰의 특징fluffy-brie-4fd.notion.site CollectionView: 정렬된 데이터 항목 컬렉션을 관리하고 사용자 정의 가능한 레이아웃을 사용하여 표시하는 개체    ㄴ 스크롤 방향 선택 가능    ㄴ 셀 간격 설정 가능    ㄴ Padding(Inset) 내부 간격 설정 가능 FlowLayout 설정: 컬렉션 뷰는 자율성이 보장되는 대신 직접 지정해야 하는 것들이 있다. (셀 크기, 간격, 스크롤 방향 등등)    주요 함수   .. 공감수 1 댓글수 0 2024. 5. 1.
  • 45일차 TIL iOS 앱 개발 심화 강의스파르타 코딩 클럽  아키텍처 (Architecture): 시스템 전체적인 모습을 정의 (기능, 성능 보안 등 비기능적 요소에 대한 해결책 제시) - MVC ( Model - View - Controller )  Model : 데이터와 데이터 처리 로직 관리 (구조체, 클래스)  View : 사용자 인터페이스 관리 ( UI Component 포함)  Controller : Model과 View의 상호작용   장점 : 비교적 간단한 구조 ( 직관적 ) && 세 가지 부분이 분리되어 독립적으로 작동  단점 : ViewController가 비교적 비대해지는 경향 ( 하나의 ViewController에 많은 역할과 책임 집중 -> 테스트가 어려워질 수 있음 ) - MVVM ( Model.. 공감수 0 댓글수 0 2024. 4. 30.
  • 44일차 TIL - 2024.04.29 월 MegaStruct 프로젝트 정리 https://roasted-quiet-f1c.notion.site/MegaStruct-2fa3b4cf9afe4a09976fdd8c9f865440 MegaStruct | Notion메가구조체roasted-quiet-f1c.notion.site  다음 프로젝트 할 때 주의 !코드 정리코드 컨벤션git conflict 해결 시 신중하게MVC 패턴에 따른 파일 정리구현 시작 전에 필수 구현 기능들 잘 확인하고, 어떻게 구현할 지 공부하고 결정한 후에 구현 시작하기내 코드에 대한 이해도 높이기 ( 알고 사용하기 ! ) 프로젝트를 마치면서 더 공부했으면 하는 부분스크롤 뷰테이블 뷰viewDidLayoutSubviews()화면전환 (present, dis.. 공감수 1 댓글수 5 2024. 4. 30.
  • 43일차 TIL //저장된 영화 정보 삭제  //예매 취소 //예매 내역 삭제   근데 이렇게 하면 맨 위에 셀에 버튼만 클릭되고, 다른 건 클릭 안됨..그래도 맨 위 셀은 잘 삭제됨.. ㅠㅠ왜 이러지.. 공감수 0 댓글수 1 2024. 4. 26.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.