JSON2 [JS] Lottie Animation 사용 방법 Lottie Animation을 Json 형태로 가져와 벡터 이미지를 Web에 뿌려줄 수 있습니다. 오늘은 Lottie Animation 사용하는 방법에 대해 알아 보도록 하겠습니다. Lottie Animation LottieA Animation은 에어비앤비에서 개발한 라이브러리입니다. After Effects로 추출한 애니메이션 데이터(json)를 Bodymovin(오픈소스)를 이용하여 html, webflow, android, iOS 환경에서 이용할 수 있습니다. Lottie Animation은 벡터 기반의 애니메이션인데 즉, SVG로 저장됩니다. TIP 벡터 이미지란? 벡터 이미지는 png, jpg등과 다르게 용량이 적고 해상도 저하가 일어나지 않는다는 장점이 있습니다. Lottie 사용 방법 lo.. FRONT-END/JAVASCRIPT 2022. 8. 16. SwiftUI Project10 : 영화 캐릭터 정보 앱 #3 - JSON 목차 ProJecr10의 세 번째 포스팅입니다. 저번 포스팅에서 컬리 익스텐션을 만들고, ProductRow를 설정해서 화면을 구현해봤습니다. 이번에는 리스트를 이용하여 전체 캐릭터 정보 목록을 나타내고, 강 상품의 상세화면으로 들어가 보기까지 해보겠습니다. 1. 테이터 변환 먼저 캐릭터 정보가 들어있는 JSON을 하나 만들어주도록 하겠습니다. [View] 템플릿을 선택하고 이름은 ProductData.json이라고 설정 후 생성해줍니다. 그리고 그 안에 있는 내용은 모두 지운 뒤 이래 코드를 입력해줍니다. // ProductData.json [ { "name": "소스케", "ImageName": "Sosuke", "movie": "벼랑위의 포뇨", "price": 124000, "description.. PROJECT/Simple 2021. 4. 19. 이전 1 다음 한국어 (기본) English Русский 日本語 👉🏻 잠깐만요! 이 글도 한 번 보고 가세요 이전글 다음글 티스토리툴바 서근 개발노트구독하기