본문 바로가기

전체 글

 (179)
[iOS : Toy Project] Apple Music App (7) : Music Slider 기능 이전 포스팅 - AppleMusicApp(1) : 뷰 구성 - AppleMusicApp(2) : Track 모델 (데이터 구조) - AppleMusicApp(3) : UiCollectionViewCell 업데이트 - AppleMusicApp(4) : HeaderView (CollectionReusableView) - AppleMusicApp(5) : Player 화면 + 싱글톤 - AppleMusicApp(6) : 뷰사이 데이터 이동 자세한 코드는 여기로! https://github.com/yexjin/iOS_Study/tree/main/AppleMusicApp GitHub - yexjin/iOS_Study: iOS 토이프로젝트 모음집📱 iOS 토이프로젝트 모음집📱. Contribute to yexjin..
[WPO] 이미지 사이즈 최적화 : WEBP 이미지 포맷 크기 : PNG > JPG > WEBP 📌 WEBP 구글에서 나옴, 지원하지 않는 브라우저가 꽤 있음 하지만 화질, 용량을 따져봤을 때 JPG보다 좋은 면이 있어서 사용하려는 움직임이 있음! 이것을 이용해서 이미지 사이즈를 최적화 해볼것! 📌 Squoosh.app 구글에서 출시 WEBP를 위한 서비스 홈페이지에 적용해보기 - squoosh를 이용하여 이미지를 webp 확장자로 변경한 뒤, import! 하지만, 앞서 언급했듯이 webp를 지원하지 않는 브라우저가 있다. 이럴 경우, 맨 처음에 webp를 지원하는 브라우저인지 판단하는 작업이 필요하다 태그 이용! 📌 예제 1) : 내가 어떤 환경에서 특정 이미지를 사용하겠다를 명시하기 위한 태그, 여기서는 사이즈에 따라 로드할 이미지가 달라지고..
[iOS : Toy Project] Apple Music App (6) : 뷰사이 데이터 이동 이전 포스팅 - AppleMusicApp(1) : 뷰 구성 - AppleMusicApp(2) : Track 모델 (데이터 구조) - AppleMusicApp(3) : UiCollectionViewCell 업데이트 - AppleMusicApp(4) : HeaderView (CollectionReusableView) - AppleMusicApp(5) : Player 화면 + 싱글톤 자세한 코드는 여기로! https://github.com/yexjin/iOS_Study/tree/main/AppleMusicApp GitHub - yexjin/iOS_Study: iOS 토이프로젝트 모음집📱 iOS 토이프로젝트 모음집📱. Contribute to yexjin/iOS_Study development by creati..
[WPO] 이미지 지연(Lazy) 로딩 : IntersectionObserver 📌 이미지 지연(Lazy) 로딩 - 스크롤을 했을 때 화면에 특정 요소(이미지)가 뜨는 시점에서만 요소가 로딩되도록 해보자 - 단점 : 스크롤 이벤트를 가진 함수를 너무 많이 사용해서 오히려 성능이 저하될 수 있다 이런 단점을 해결할 방법은 ?! 바로, IntersectionObserver을 사용! 📌 IntersectionObserver - 지정한 특정 요소가 화면에 보여지는지 아닌지 판단 - 화면에 특정 요소가 보여질때 함수를 실행시켜 성능의 이득을 취할 수 있다! let observer = new IntersectionObserver([callback함수], [미리선언한 option]) observer.observe([Dom element]) → callback 함수 : 스크롤을 내리다가 지정된 요..
[Swift] 모나드, 옵셔널 ! 모나드에 대한 자세한 설명 [Swift] 모나드 : 컨텍스트, 함수객체, 모나드 💡함수형 프로그래밍에서의 모나드? - 순서가 있는 연산을 처리할 때 자주 활용하는 디자인 패턴 💡프로그래밍에서 모나드가 갖춰야 할 조건 1. 타입을 인자로 받는 타입(특정 타입의 값을 포 yexjinitlog.tistory.com 이전에 모나드에 대해 자세히 설명을 했었다! 근데 저건 그냥 책에 있는 내용을 정리한 것이고 정확히 옵셔널과 모나드와의 관계에 대해 쉽게 써놓지 못한 거 같아 다시 정리해보고자 한다. 모나드? - 함수와 더불어 순서가 있는 연산을 처리할 때 자주 활용되는 디자인 패턴 및 자료구조 - 함수객체 자체이며, 값이 있을 수도 있고 없을 수도 있는 상태를 포함한 개념 📌 값이 있을 수도 있고 없을 수도 있다..

티스토리툴바