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 웹뷰에서 클릭 시 발생하는 회색 플리커 현상 제거하기

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 타입 간 호환성 문제 해결하기

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 앱의 로컬 네트워크 접근 설정하기

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

html/css 드롭다운 메뉴 만들기 [No JavaScript!!]

2024-05-281. 방법 ::after 선택자를 이용해 가상의 html 영역을 만들고 이후 해당 부분을 hover 하는 방식을 이용해 간단하게 드롭다운 메뉴를 구현할 수 있다. 코드를 살펴보자.2. html menu sub1 sub2  코드는 간단하다. 우선적으로 hover 를 진행할 메뉴를 만들고 이후 드롭다운 메뉴리스트를 만들면 된다. 위의 코드에서는 menu 클래스가 호버를 진행할 항목이고 sub_menu 가 드롭다운이 되는 메뉴이다.3. css 처음 방법에서 소개했던 것과 같이 menu 에 가상 영역 ::after를 만들고 해당 부분을 호버시에 sub_menu의 display 가 flex 가 되면서 드롭다운 영역이 나타나게 된다. .menu { position: rel..

• format_list_bulleted WEB/CSS
• · 2024. 5. 27.
• textsms

Spring boot 파비콘 적용 방법 favicon.ico

2024-05-08 1. 방법 웹사이트 탭에 좌측에 나타나는 아이콘 같은 것을 파비콘이라고 하는데 해당 부분을 적용하는 방법을 알아보자.우선 favicon.ico 파일을 만들어야 하는데 ico 파일 정보를 만드는 것은 아래링크를 참고하자.https://favicon.io/ Favicon.io - The Ultimate Favicon Generator (Free)With Favicon.io you can quickly generate a favicon for your website for free!favicon.io그리고 만들어진 파비콘 정보를 아래 경로에 삽입한다. resources/static/favicon.ico 이후 자신의 프로젝트를 재실행하면 파비콘이 적용된 것을 확인할 수 있다.메인 이미지 출처..

• format_list_bulleted WEB/Spring
• · 2024. 5. 8.
• textsms