본문 바로가기
728x90

전체 글166

두 날짜 사이에 경과된 시간 백분율 표기 const start = new Date(2015,0,3) const end = new Date(2024,0,12) const today = new Date() console.log(`percent: ${Math.round(((end - start) * 100 ) / today)}%`) 2023. 8. 21.
Lottie 로딩바 적용하기 로딩바는 GIF나 CSS 애니메이션으로만 적용하는 줄 알았는데 JSON으로도 적용할 수 있다네요?! 🫢 Lottie는 JSON 기반의 애니메이션 파일입니다. Lottie의 장점은 다음과 같습니다. 1. 용량이 작음 (GIF나 MP4등 품질은 같은데 용량은 훨씬 더 작음) 2. 크기를 자유롭게 조정해도 해상도에 문제 없음 (백터에 기반하기 때문 확대 축소 문제 없음) 3. 다양한 기기에서 호환성 (IOS, AOS, 웹, Native 등 수정하지 않고 바로 사용 가능) 4. 여러 상호작용(클릭, 호버, 스크롤링 등) 수정 및 반응 가능 저는 Vue를 사용하고 있었기 때문에 vue-lottie라는 라이브러리를 이용했습니다. 이제 사용법을 살펴 볼게요. 1. Lottie json 파일 만들기 LottieFile.. 2023. 8. 6.
SQS (AWS Simple Queue Service) 이메일 / SMS / 카카오톡을 보낼 때 이용하려고 AWS SQS를 찾아보았다. 💻 Queue 일반적으로 각 어플리케이션들이 가지는 Coupling을 끊어주는 역할 SQS Producer가 메시지를 보내서 Queue에 메시지를 저장하고 Consumer가 가져가서 Processing하는 방식 Polling 하나의 프로그램이 충돌을 회피 또는 동기화 처리 등을 목적으로 다른 프로그램의 상태를 주기적으로 검사해서 일정한 조건을 만족할 때 송수신 등의 자료 처리를 하는 방식(ex - 실시간처럼 보이는 대부분의 웹사이트들은 클라이언트가 서버에게 일정한 주기를 가지고 응답을 주고받는 폴링 방식을 사용) But, 문제점 1. 폴링의 주기가 짧으면 서버의 성능에 부담이 간다. 2. 주기가 길면 실시간성이 떨어진다. 구.. 2023. 3. 13.
홈페이지 리뉴얼 홈페이지 리뉴얼을 진행했을 때, 내가 기획했던 아이디어와 다른 사람들의 아이디어 중 좋았던 것들을 정리해보려고 한다. 리뉴얼은 일단 홈 화면과 상품 리스트 / 상세 페이지를 진행했다. 🧶 1. 홈(Me: 홈에서 모든 걸 압축해서 보여주어야 한다고 생각) 목적: AUM 늘리기 홈에 들어가면 좋은 정보들: 주요 서비스가 앱 서비스라는 걸 명확하게 설명하기(ex - 앱 다운받기/앱 사용방법: 순서) 서비스에 대한 경험과 신뢰 주기(ex - 어떤 서비스인가, 보유 라이센스 항목, 자동투자나 개인 맞춤형등 우리의 컨셉 노출, 신뢰가는 수치/지표 - 10개 정도의 수치를 생각해두고 시기마다 다르게 노출하면 어떨까: 가입자 수/사용자 수/평균 투자 금액/서비스 시작 년도/AUM 등) 고객과 소통하기(ex - 사용 후.. 2023. 3. 10.
728x90

티스토리툴바