폼 로그인 방식 중 구글 로그인을 위한 예제입니다.지난 소셜 로그인 글과 이어집니다. ※ 테스트 환경Spring BootJDK 1.8GradleThymeleaf1. 구글 설정1. Google Cloud 접속2. 프로젝트 생성새 프로젝트를 생성합니다. 3. OAuth 클라이언트 ID 생성1) 메뉴의 API 및 서비스에서 사용자 인증 정보를 클릭2) 사용자 인증 정보 만들기 - OAuth 클라이언트 ID를 클릭 3) 동의 화면 구성 클릭 4) 시작하기 5) 앱 정보 입력 후 만들기   4. 동의화면 만들기1) OAuth 클라이언트 만들기 클릭 2) 애플리케이션 유형 선택 후 리디렉션 URI 입력 2. 로그인 구현카카오 로그인과 동일하게 클라이언트 ID, 보안키를 통해 서버로 인증 코드를 요청하고, 응답받은 ..

최근 결혼을 준비하며 공유 가계부 어플을 사용해봤습니다.평소에는 가계부를 작성하지 않았지만, 며칠 동안 서로의 수입과 지출을 파악하기 위해 사용해 보았고, 꾸준히 기록하다 보니 생각보다 큰 도움이 되었습니다. 특히, 곧 있을 아파트 입주와 결혼 비용 관리가 필요하다고 느껴 더욱 유용하게 활용할 수 있었습니다. 공유 가계부를 사용하며 좋았던 점은 직접 지출 내역을 정리하고 입력하면서 소비에 대한 인식이 더욱 뚜렷해졌다는 것입니다. 하지만 사용 중간중간 등장하는 광고가 점점 불편하게 느껴졌고, 특히 수입/지출을 입력할 때 나타나는 전면 광고는 더욱 불편했습니다.그래서 직접 만들기로 했습니다. 가계부 앱 개발을 고민하는 분들이 있다면, 참고해 보셔도 좋습니다.1. 기획실제 가계부를 사용해 보며 꼭 필요한 기능..

최근 공유 가계부 앱을 런칭했습니다.이제 기능을 하나씩 확장 중인데요. 오늘은 다국어 기능을 추가했던 과정을 기록해봤습니다.서비스 중인 앱은 Flutter로 개발되었고, flutter_localizations와 intl 패키지를 이용해 다국어 기능을 구현했습니다. 테스트 환경Flutter 3.27.1intl 패키지는 Flutter에서 다국어(i18n)와 숫자, 날짜, 통화 형식 등의 로컬라이제이션을 지원하는 공식 패키지입니다.flutter_localizations와 함께 사용하면 앱의 언어를 디바이스 설정에 따라 자동 변경할 수도 있고, 앱 내 설정을 통해 수동으로 변경할 수도 있습니다. 1. 패키지 다운로드flutter pub add flutter_localizations --sdk=flutterflu..

오랜만에 Windows 환경에서 애뮬레이터를 실행하고 발견한 현상입니다.오류 없이 빌드 후 애뮬레이터 화면이 출력되는데 아래와 같이 이미지와 한글이 모두 깨지는 현상이 있었습니다.  애뮬레이터에 그래픽 옵션이 있는지 확인을 해보니 Emulated Performance 라는 옵션이 있었습니다. 그런데 해당 옵션 수정이 불가능한 상태였고, config 파일 수정을 통해 직접 변경할 수 있는 것을 확인했습니다. Windows 기준 애뮬레이터 경로는 다음과 같습니다.avd 경로에서 실행 중인 디바이스 폴더에 들어갑니다.C:\Users\Admin\.android\avd\Pixel_8_Pro_API_34.avd config.ini 파일에 hw.gpu.enabled, hw.gpu.mode 옵션을 확인합니다.hw.gp..

최근 Cafe24 가상 서버를 구매해 DB 서버를 만들었습니다. 직접 DB를 구축했기 때문에 운영 중 DB가 어떤식으로든 깨지거나 복구가 필요한 상황이 발생할 것을 대비해 백업과 복구 설정이 필요했습니다.이번 포스팅에서는 가상 서버에 설치된 DB를 백업/복구할 수 있는 방법을 알아보겠습니다. ※ 테스트 환경Rokcy 8백업먼저, DB를 조회해보겠습니다.mysql -u root -pshow databases; deardayz라는 DB를 백업하겠습니다.아래 명령어를 통해 sql 파일이 생성되는지 백업 테스트를 해봅니다.cd /home# 백업 폴더 생성mkdir backupmysqldump -u계정 -p패스워드 deardayz > deardayz.sql crontab을 통해 주기적으로 백업 명령어가 실행될 수..

서버 외부에 위치한 네트워크 방화벽 또는 클라우드 제공 업체의 방화벽과 별개로 Linux 자체에도 방화벽이 설정되어 있습니다. 이 방화벽은 서버 운영체제(OS) 수준에서 동작하며, firewalld 명령어를 통해 제어됩니다. (네트워크 방화벽은 서버에 도달하기 전 네트워크 계층에서 트래픽을 제어합니다)Linux 방화벽 firewalld 사용법에 대해 알아보겠습니다. ※ 테스트 환경Rocky Linux(CentOS 6이하에서는 iptables 명령어를 사용합니다)서비스 활성화systemctl disable firewalld  서비스 비활성화 systemctl enable firewalld  서비스 실행systemctl start firewalld  서비스 중지systemctl stop firewalld  ..

최근 테스트를 목적으로 Cafe24의 가상서버호스팅을 구매했습니다. 가장 저렴한 일반형으로 구매를 했고, Rocky, MariaDB 10이 기본적으로 설치된 설정을 선택했습니다.  이번 포스팅에서는 Cafe24 가상서버호스팅 구매 후 설치된 DB에 DBeaver로 접속하기 위한 과정에 대해 알아보겠습니다. 서버 설치는 대략 5분정도 소요가 되었습니다.설치가 완료되면 서버 관리 - 방화벽 관리 메뉴에 INBOUND 탭에서 ssh 선택 후 접근허용 IP를 추가합니다.(최초에 설정이 되어 있을 수 있습니다)  Putty를 통해 서버로 접속하여 mariadb 서비스를 등록하고 실행해보겠습니다. 서비스 등록 systemctl enable mariadb 서비스 실행 systemctl start mariadb # ..

최근 모바일앱을 개발하며 Text Editor 기능을 추가하게 되었습니다. 앱에서의 에디터 기능 추가는 처음이었는데, 역시나 라이브러리가 잘 되어 있어 어렵지 않게 만들 수 있었습니다.오늘은 Text Editor로 사용한 flutter_quill 사용법에 대해 알아보겠습니다. ※ 테스트 환경Flutter 3.22.3Dart 3.4.41. 패키지 설치현재 개발 중인 서비스에서는 모바일앱에서 에디터를 통해 글을 작성하게 되면 API를 통해 DB에 저장된 후, 웹 브라우저를 통해 보여지게 됩니다.이러한 구조를 위해 아래 3개의 패키지를 설치합니다.flutter_quill: ^9.1.1vsc_quill_delta_to_html: ^1.0.5flutter_quill_delta_from_html: ^1.3.12fl..