반응형 전체 글70 aos 라이브러리 위치 초기값 수정 // 실행 전&[data-aos="fade-up"] { transform: translate3d(0, 50px, 0);}// 실행 후&.aos-animate[data-aos="fade-up"] { transform: translate3d(0, 0, 0);} scss 적용 시 &(앤드)를 써야함 2025. 1. 21. 국민연금 실업크레딧 납부 방법 찾다가 찾다가 제대로된 방법은 없는 것 같아오래 검색하는 분들이 없기를 바라는 마음에 남김. 실업크레딧이란?보험료 납부가 어려운 실업기간에 대해구직급여 수급자가 희망하는 경우보험료의 일부를 지원하는 시스템. ..... PC로 NPS 접속 -> 로그인https://anypay.nps.or.kr/ 메인 -> 실업크레딧 -> 고지내역 납부 고지내역 납부 -> 가상계좌 납부 클릭(Mac 혹은 모바일 사용자는 인터넷지로납부가 안됨) 가상계좌 발급은행 선택 후 신청하면 아래 이미지 같은 팝업창이 뜸 계좌번호 보기 클릭 팝업창으로 뜨는 계좌번호로 입금하기납부내역은 납부 일로 부터 최대 4일 뒤 반영된다고 함. 2025. 1. 21. Vue에서 swiper import 할 때 1. swiper 설치npm install swiper 2. main.js에 importimport { Swiper, SwiperSlide } from 'swiper/vue';import 'swiper/swiper-bundle.css';import 'swiper/css';app.component('Swiper', Swiper);app.component('SwiperSlide', SwiperSlide); 3. 옵션 필요 시 해당 컴포넌트 파일에 importimport { Autoplay, FreeMode } from 'swiper/modules';return { modules: [Autoplay, FreeMode],} 4. 사용할 슬라이드 붙이기 Slide 1 Slide 2 Sl.. 2025. 1. 18. js swiper로 부드럽게 자동 롤링 구현하기 css에서 감싸주는 랩퍼 transform에 linear 속성을 추가하면 됨. HTML 슬라이드 1 슬라이드 2 슬라이드 3 슬라이드 4 슬라이드 5 슬라이드 6 슬라이드 7 CSS.swiper-container { width: 100%; height: 100%; overflow: hidden; /* 슬라이드가 컨테이너 밖으로 나가지 않도록 */}.swiper-wrapper { display: flex; transition: transform 0.3s linear;}.swiper-slide { display: flex; justify-content: center; align-items: center; background-color: ligh.. 2025. 1. 17. 이전 1 2 3 4 5 6 7 ··· 18 다음 반응형
