iOYES iOYES

안녕하세요. 그린입니다🟢 이번 포스팅에서는 아주 예전부터 궁금했었는데 까먹고 있던 라이브러리 하나 보고 가려고합니다ㅎㅎ 바로 SkeletonUI 라는 외부 라이브러리입니다. 데이터를 받아올때 패칭이 완료되기전에 빈 공간으로 UI를 보여주는것보다 아래와 같은 이러한 데이터가 들어올 영역에 대해 뼈대를 잡는것이라 보면 될것 같아요. 이로 인해 조금 더 자연스러운 UI 경험을 시켜줄 수 있으며 빈 뷰로 나오면 버그라고 인식하기 쉬운 반면 이런것들을 적용시켜두면 로딩중이구나~ 라고 인식할 수 있어 사용자 경험에 더 좋은 영향을 끼칩니다🙌 그럼 이걸 쉽게 구현해놓은 SkeletonUI에 대해 알아보시죠! 아마 아주 간단할것 같아요 이번 포스팅은ㅎㅎ SkeletonUI? 공식 리드미에서의 설명이 아주 간단히 되어 ..

안녕하세요. 그린입니다🟢 이번 포스팅에서는 @main과 @UIApplicationMain이 무엇인지 그리고 어떤 차이가 있는지 학습해보겠습니다🙌 swift 5.3 이전부터 Xcode를 통해 프로젝트를 만들어보시고 경험해보신분이라면 이 두 키워드에 대해 모두 보셨을거에요. 그럼 실제적으로 이 두 키워드는 어떤 친구고, 무슨 차이이며 어떤걸써야하는지에 대해서 정리해보겠습니다! @main 쉽게 말해 이 키워드는 프로그램의 진입점을 나타내줍니다. 어느 프로그램이던지 시작점 즉 Entry Point는 존재해야하죠. Swift에서는 @main을 통해 어디서부터 이 앱이 최초 실행되고 시작될지를 명시해주는 키워드입니다. 이 키워드는 Swift 5.3 이상(Xcode 12)부터 사용된 키워드로 바로 이어서 설명하겠지만..

안녕하세요. 그린입니다🟢 이번 포스팅에서는 아주 간단한걸 해보려합니다! 바로 UIKit 기반으로 만들어졌거나 사용되고 있는 앱을 SwiftUI 인터페이스 기반으로 바꿔보려고해요🙌 당연히 물론 처음에 프로젝트 생성 시 Interface 방식을 잘 고르면 상관없겠지만 알아두면 좋겠죠🕺🏻 Storyboard 기반 프로젝트 생성 우선 UIKit 기반으로 환경 셋팅을 하려면 프로젝트 생성 시 Storyboard로 인터페이스 설정을 해줘야합니다. 이러면 오늘 학습해볼 프로젝트가 생성됩니다. 저기서 아시겠지만 Interface는 Storyboard 그리고 SwiftUI 요 두개로 나눕니다. SwiftUI로 만들게 되면 스토리보드 파일이나 App/SceneDelegate 파일이 기본적으로 없으며 App 파일을 메인 시..

안녕하세요. 그린입니다🟢 이번 포스팅에서는 SwiftUI 4.0에서 네비게이션 관련해서 새로운 API가 나오면서 딸려온 NavigationPath에 대해 알아보겠습니다🙋🏻 아마.. 짧을거고요(분량이) 아마.. 짧을겁니다(내용이)🕺🏻 저번 포스팅이였던 NavigationStack을 살펴보면서 SwiftUI에서 네비게이션이 많이 편리해졌구나~ 쓸맛 나겠는데? 라고 학습하면서 느꼈어요! 혹시 궁금하시거나 안보신 분들은 아래 NavigationStack 포스팅을 선행해주세요🙌 https://green1229.tistory.com/256 SwiftUI 4.0 - NavigationStack 안녕하세요. 그린입니다🟢 이번 포스팅에서는 SwiftUI 4.0에서 발표된 NavigationStack에 대해 학습해보겠습니..

안녕하세요. 그린입니다🟢 이번 포스팅에서는 SwiftUI 4.0에서 발표된 NavigationStack에 대해 학습해보겠습니다🙌 들어가기전 주절주절 개인적으로 이번 SwiftUI 4.0 업데이트 사항이 좋은것들이 참 많았지만 이번 소개할것이 가장 기대됩니다! 그만큼 이전 SwiftUI 3.0에서는 미니멈 타겟에 따라 네비게이션과 관련된 이슈들이 많았고 참 힘들었어요😭 물론 해당 기술을 적용하려면 iOS 16.0 이상이 되어야하기에 아직 현업에서 적용시키기에 먼 미래의 일이기도 하겠지만 먼 미래를 위해 지금 해두죠✨ NavigationStack이란? 네비게이션 스택하면 뭔지 딱 감이 오시죠? 네비게이션 즉 뷰, 화면 전환의 네비게이션 방식이 있습니다. 완전히 흐름이 다른 뷰로 넘어가게 되는 방식이죠. 이 ..

안녕하세요. 그린입니다🟢 드디어...!!!!! SwiftUI 4.0이 나왔네요ㅎㅎ 이번 SwiftUI 4.0에서는 제가 생각할때는 정말 장족의 발전을 했다고 생각합니다🙌 특히 네비게이션도 그렇고.. 네비게이션도...... 그렇고..... 무튼! 오늘의 주제는 SwiftUI 4.0에서 새로 나온 API인 Charts를 소개해볼까 합니다🙋🏻 SwiftUI 4.0에서 많은 기술들이 도입되었고 변경된 부분도 많습니다. 이에 한 포스팅에서 다 다루는것보다 하나씩 조금 디테일하게 다뤄보기 위해 포스팅을 나누겠습니다👏 Charts? 차트가 뭘까요? 다들 아시는 그거입니다ㅋㅋ 차트나 그래프 등 수치를 가지고 어떠한 지표를 도식화해 보여주는것을 말하죠. 기존에 우리는 차트를 그리려면 정말 쌩으로 Path를 주고 일일히 ..

안녕하세요. 그린입니다🟢 이번 포스팅에서는 이미지 캐싱을 처리해주는 NukeUI에 대해 알아보겠습니다🙌 이미지 캐싱을 처리해주도록 도와주는 대표적인 라이브러리로 Kingfisher와 NukeUI가 있죠? 그리고 요즘은 애플에서 제공하는 AsyncImage로도 많이 쓰이는것 같더라구요. 저는 이중에 NukeUI가 편리하다고 생각하고 성능 상 이점도 존재하기에 이를 학습해봤어요. 그럼 NukeUI가 어떤것이고 어떻게 사용할 수 있는지 자세히 알아보시죠! NukeUI? 아시다시피 Nuke라는 라이브러리에서 파생되었어요. SwiftUI 환경에 가장 최적화시켜 LazyStack과 같이 지연 이미지 로딩을 제공해줍니다. 즉 AsyncImage와 비슷하다고 할 수 있겠어요! 기존 SwiftUI에서 Image라는 기능..

안녕하세요. 그린입니다🟢 이번 포스팅에서는 Lottie라는 라이브러리를 알아보려합니다🧐 애니메이션은 항상 어려운데... 정말 어려운데🙃 기본적으로 애플에서 제공해주는 API들로만 하기에는 제 머리가 안따라가고 감각도 없고😭 그럴때 많이 사용하는게 Lottie라는 라이브러리더라구요! 그래서 오늘 한번 요 Lottie를 간단히 해보려합니다ㅎㅎ Lottie? Lottie는 airbnb에서 만든것 같아요! 우선 해당 라이브러리의 리드미 설명을 보겠습니다. 기본적으로 벡터 기반 애니메이션과 아트를 최소한의 코드로 실시간 렌더링해주는 iOS/Android에서 모두 지원 가능한 모바일용 라이브러리입니다. Bodymovin JSON 형식으로 내보내진 애니메이션과 벡터를 로드해 렌더링해준다고 해요🤔 Bodymovin J..