본문 바로가기
728x90

TECH49

ZonedDateTime const now = new Date(); 위의 코드는 문제점이 있다.시간대를 알 수 없음화면에 보여줄 때와 데이터를 저장할 때 값 불일치 (서버는 UTC, 클라이언트는 로컬 시간대로 보여주는 경우가 많음)DST(Summer Time) 문제 (하절기에 국가의 표준시보다 한 시간 앞당겨 사용 - 해외주식 할 때 경험 가능)자바스크립트에서 Date 객체는 Number 타입이기 때문에 관점 원래 날짜의 의미가 사라지고, 정확히 알 수 없다. 이러한 문제를 해결하기 위해 시간대가 포함된 날짜/시간 표현 방식이 필요 import dayjs from 'dayjs';import utc from 'dayjs/plugin/utc';import timezone from 'dayjs/plugin/timezone';dayjs.. 2025. 5. 19.
Swiper https://swiperjs.com/ Swiper - The Most Modern Mobile Touch SliderSwiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior.swiperjs.comSwiper를 사용하던 중 버그가 하나 등장했다. 두둥 💨Svelte 프로젝트에서 loop, autoplay, pagination을 사용 중이었다.아래 첨부된 동영상을 보면 pagination bullet이 계속 2번째만 active되는 것을 볼 수가 있다.몇 시간동안 찾아봤다 🥹 내 코드의 문제인가.. 라이브러리의 문제인가..결국 해답을 찾았는데..aria.. 2024. 10. 25.
🔎 EC2 + Route S3 + SSL 인증서 💻 웹사이트를 배포할 때 고려할 점정적 웹사이트 - 미리 서버에서 생성된 HTML, CSS, JS 파일등으로 이루어진 웹사이트이며, 요청이 있을 때 단순히 파일을 그대로 전달 (동적인 콘텐츠 불가: 로그인, 사용자 맞춤 콘텐츠, 데이터베이스 연동 불가, 응답 속도 빠름, 해킹 가능성 적음) => 개인 블로그, 포트폴리오, 소개 페이지 등에 사용동적 웹사이트 - 사용자의 요청에 따라 서버에서 동적으로 페이지를 생성하여 응답하는 웹사이트➡ 결론: 데이터베이스(Firebase Firestore)와 카카오톡 로그인 제공이 필요하기 때문에 동적 배포하기로 결정! 1️⃣ 기본 작업aws 계정 생성 + 카드 등록 2️⃣ EC2 인스턴스 생성AWS Management Console 이동리전 선택: 가까운 리전을 선택.. 2024. 8. 11.
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.
728x90

티스토리툴바