반응형 GSAP 슬라이더와 버튼 웨이브 효과

반응형 GSAP 슬라이더와 버튼 웨이브 효과

2024-07-08 See the Pen Responsive GSAP Slider with Button Wave Effect by Yudiz Solutions Limited (@yudizsolutions) on CodePen.메인 이미지 출처 : https://codepen.io/yudizsolutions/pen/QWoqmWW

  • format_list_bulleted CodePen/캐러셀
  • · 2024. 7. 8.
  • textsms
백그라운드 강조 효과가 있는 캐러셀을 만드는 방법

백그라운드 강조 효과가 있는 캐러셀을 만드는 방법

2024-07-05  See the Pen Voyage Slider by Sikriti Dakua (@dev_loop) on CodePen.메인 이미지 출처 : https://codepen.io/dev_loop/pen/MWKbJmO

  • format_list_bulleted CodePen/캐러셀
  • · 2024. 7. 5.
  • textsms
Amazon EC2 인스턴스에서 스왑 메모리 설정하기: 2GB 스왑 공간 추가 가이드

Amazon EC2 인스턴스에서 스왑 메모리 설정하기: 2GB 스왑 공간 추가 가이드

2024-06-24 스왑 메모리란?스왑 메모리는 물리적 RAM이 부족할 때, 디스크 공간을 임시로 RAM처럼 사용하는 공간입니다. 스왑 공간을 활용하면 시스템이 메모리 부족으로 인한 문제를 덜 겪게 되어 더 안정적으로 동작할 수 있습니다.1. 스왑 파일 생성하기먼저, 2GB 크기의 스왑 파일을 생성합니다. 이는 dd 명령어를 사용하여 가능합니다. (아래 명령어가 안되면 추가 코드 참고) sudo fallocate -l 2G /swapfile fallocate 명령이 지원되지 않는 경우, dd 명령을 사용할 수 있습니다 sudo dd if=/dev/zero of=/swapfile bs=1M count=2048 2. 스왑 파일 설정 및 활성화 생성한 파일을 스왑 파일로 설정하고 활성화합니다.스왑 파일 설정 ..

  • format_list_bulleted AWS/EC2
  • · 2024. 6. 24.
  • textsms
iOS 웹뷰에서 클릭 시 발생하는 회색 플리커 현상 제거하기

iOS 웹뷰에서 클릭 시 발생하는 회색 플리커 현상 제거하기

2024-06-13iOS 웹뷰에서 onclick 이벤트를 처리할 때 클릭된 영역에 회색 플리커 현상이 나타나는 문제를 경험하신 적이 있나요? 이는 웹 콘텐츠가 기본적으로 적용하는 클릭 피드백 효과로 인해 발생합니다. 이 블로그 포스트에서는 이러한 클릭 피드백 효과를 제거하는 방법을 소개해 드리겠습니다.1. -webkit-tap-highlight-color가장 간단한 방법은 CSS의 -webkit-tap-highlight-color 속성을 사용하는 것입니다. 이 속성을 통해 클릭 피드백 효과를 완전히 제거할 수 있습니다.  * { -webkit-tap-highlight-color: transparent;} 이 코드를 스타일 시트에 추가하면 페이지의 모든 요소에서 탭 하이라이트 효과가 제거됩니다.2. ..

  • format_list_bulleted App/IOS
  • · 2024. 6. 13.
  • textsms
JPA와 PostgreSQL의 TIME 타입 간 호환성 문제 해결하기

JPA와 PostgreSQL의 TIME 타입 간 호환성 문제 해결하기

2024-06-111. 원인 최근 프로젝트에서 JPA를 사용하여 PostgreSQL 데이터베이스와 상호 작용하던 중, 예약 시간을 나타내는 엔티티 필드에서 호환성 문제가 발생했습니다. LocalTime으로 매핑된 reservationTime 필드를 사용할 때, PostgreSQL의 TIME 컬럼과의 호환성 문제로 인해 "Invalid value for NanoOfSecond" 오류가 발생했습니다.  Invalid value for NanoOfSecond (valid values 0 - 999999999): -935000000  기존 오류가 발생하던 entity 정보는 아래와 같습니다.  @Column(name = "reservation_tm", columnDefinition = "TIME") pr..

  • format_list_bulleted WEB/JPA
  • · 2024. 6. 11.
  • textsms
Flutter에서 iOS 앱의 로컬 네트워크 접근 설정하기

Flutter에서 iOS 앱의 로컬 네트워크 접근 설정하기

2024-05-31 Flutter로 iOS 앱을 개발하면서 로컬 네트워크에 있는 서버에 접근해야 할 때가 있습니다. 이때 iOS 14 이상에서는 NSLocalNetworkUsageDescription을 설정해야 하며, HTTP를 사용하는 경우에는 ATS(App Transport Security) 설정도 필요합니다. 이번 포스트에서는 Info.plist 파일을 수정하여 이러한 설정을 추가하는 방법을 소개합니다.1. Info.plist 파일이란?Info.plist 파일은 iOS 앱의 설정 파일로, 앱이 실행될 때 필요한 각종 설정과 권한을 정의합니다. 이 파일은 Flutter 프로젝트의 ios/Runner 디렉토리에 위치해 있습니다.2. Info.plist 파일 수정하기1.Info.plist 파일 열기 먼저..

  • format_list_bulleted App/Flutter
  • · 2024. 5. 31.
  • textsms