해당 글에서는 PWA에 대해 이해하고 활용하는 기본 방법에 대해 알아봅니다.1) PWA(Progressive Web App)💡 PWA(Progressive Web App)- 웹 기술로 구축되지만 네이티브 앱처럼 작동하는 애플리케이션입니다. 전통적인 웹사이트와 네이티브 앱의 장점을 결합한 형태라고 할 수 있습니다 앱처럼 아이콘을 추가하고, 푸시 알림을 보내며, 오프라인에서도 작동하게 만드는 기술입니다.- 구글의 엔지니어 알렉스 러셀(Alex Russell)이 처음 제안한 개념으로, 별도의 스토어 설치 과정 없이 웹 브라우저를 통해 앱과 같은 사용자 경험(UX)을 제공합니다.구분일반 웹 사이트PWA네이티브 앱 (AOS/iOS)설치 방식URL 접속브라우저 내 추가앱스토어 다운로드오프라인 사용불가가능 (제한적..

해당 글에서는 Contributor9 개발자가 만든 개발 앱에 대해 홍보를 위한 목적으로 작성한 글입니다.1) 개발자는 왜 이 앱을 만들었을까?💡 개발자는 왜 이 앱을 만들었을까?- 한국의 호칭과 촌수 체계는 상당히 복잡한것 같습니다. 일상에서 자주 사용하지 않다 보니 정확히 기억하기 어렵고, 특히 기준이 되는 사람의 성별에 따라 호칭이 달라지기 때문에 그 복잡성은 더욱 커지는것 같습니다. 그렇지만, 생각해보면 이렇게 헷갈리고 어려운 호칭들은 오랜 기간 동안 변하지 않고 그대로 사용하는 것들입니다.- 그렇기에 나는 똑같은 고민을 반복해서 하는 것이 아닐까라는 생각이 들었습니다. 이러한, 복잡하고 어려운 호칭과 촌수를 고민 없이 필요에 따라서 앱에서 사전과 같이 꺼내 쓰고 쉽게 바로바로 찾을 수 있는 앱..

해당 글에서는 GA에서 수집된 데이터를 API를 통해서 가져와서 화면상에 출력하는 과정을 포함한 글입니다.💡 [참고] React 환경에서 수집한 데이터에 대해서 Spring Boot 환경에서 이를 조회하는 방법에 대해 알아봅니다.https://adjh54.tistory.com/737 1) Google Analytics(GA4)💡 Google Analytics(GA4)- Google 애널리틱스 4는 웹사이트 및 앱에서 트래픽과 참여도를 측정할 수 있는 분석 서비스입니다. - 웹사이트와 웹, 앱의 데이터를 수집하여 비즈니스 통찰력을 제공하는 구글의 차세대 분석 플랫폼입니다. Google 애널리틱스 4 소개 | Google Analytics | Google for DevelopersGoogle 애..

해당 글에서는 React 환경에서 GA4를 이해하고 설정하여 데이터를 수집하는 방법에 대해 알아봅니다. 1) Google Analytics(GA4)💡 Google Analytics(GA4)- Google 애널리틱스 4는 웹사이트 및 앱에서 트래픽과 참여도를 측정할 수 있는 분석 서비스입니다.- 웹사이트와 웹, 앱의 데이터를 수집하여 비즈니스 통찰력을 제공하는 구글의 차세대 분석 플랫폼입니다. Google 애널리틱스 4 소개 | Google Analytics | Google for DevelopersGoogle 애널리틱스용 MCP 서버를 사용해 보세요. GitHub에서 설치하고 공지사항에서 자세한 내용을 확인하세요. 의견 보내기 Google 애널리틱스 4 소개 컬렉션을 사용해 정리하기 내 환경설정..

해당 글에서는 Mac 환경에서 Gemini를 바로 실행하는 방법에 대해 알아봅니다.1) 문제점💡 문제점- MacOS 환경에서 Gemini를 바로 실행하는 애플리케이션이 없기에 브라우저를 통해서 실행해야 합니다.- 그렇기에 빠르게 브라우저를 실행하여 Gemini로 접속할 수 있는 방법에 대해 알아봅니다. 2) Chorme에서 실행 방법 1. 사이트 접속💡 사이트 접속- Google Chorme을 통해서 Gemini 사이트에 접속합니다.https://gemini.google.com/ 2. Chrome 가장 오른쪽 점 3개 아이콘(⋮)을 누릅니다 3. 전송, 저장, 공유 > 바로가기 만들기… 를 선택합니다. 4. 바로가기를 만들어줍니다 5. 바로가기를 Dock으로 드래그하면 완료가 됩니다. ..

해당 글에서는 Quill Editor를 이해하고 활용하는 방법에 대해서 알아봅니다. 1) Quill💡 Quill- 웹 기반의 리치 텍스트 에디터를 무료로 사용할 수 있는 오픈 소스 에디터입니다. 단순한 HTML의 textarea가 아닌 문서 구조를 데이터로 관리하는 특징을 가진 에디터입니다.- 이러한 문서 구조의 데이터는 HTML 문자열이 아닌 Quill 자체의 ‘Delta 데이터 타입(JSON)’을 통해서 데이터가 전달되고 관리가 됩니다.- BSD 3-clause 라이선스로 상업 서비스·유료 제품·폐쇄 소스 프로젝트에서도 사용 가능합니다 Quill - Your powerful rich text editorBuilt for Developers Granular access to the editor's c..

해당 글에서는 Spring Boot 4가 출시되어 주요 내용에 대한 Release Note를 읽어보기 위해 작성한 글입니다. 1) Spring Boot 4💡 Spring Boot 4- 2025년 11월 공식 릴리스된 Spring Boot의 메이저 버전 업그레이드로, 이전의 3.x 라인과 비교해 상당한 아키텍처 개선과 신기능이 도입된 새로운 세대의 프레임워크입니다.- Spring Boot는 Java 생태계에서 가장 널리 쓰이는 백엔드 프레임워크로, 설정을 최소화하면서 Spring 기반 애플리케이션을 빠르게 만들도록 도와줍니다.- 버전 4.0은 Spring Framework 7을 기반으로 하며, 클라우드·컨테이너·모던 Java 생태계에 더 적합하도록 여러 부분이 근본적으로 재설계되었습니다- Spring B..

해당 글에서는 OpenSouce 중 Gitleaks를 이해하고 이를 이용하여 민감정보를 찾는 간단한 스캔방법에 대해 알아봅니다 1) Gitleaks💡 Gitleaks- Git 저장소(Repository) 내에 포함된 민감 정보(API Key, 비밀번호, 토큰, 인증서, 개인키 등)를 탐지하는 보안 도구를 의미합니다. 민감정보를 탐지하여 실수로 소스코드 내에 커밋이 된 내용들을 빠르게 찾아낼 수 있습니다.- 특히, 이미 원격 저장소 내에 Commit & Push 작업을 수행하면 저장소 내에 이력으로 모든 기록이 남기 때문에, 잘못 올린 한 번 잘못 올린 민감정보는 파일을 삭제하더라도 히스토리에 남아있습니다.- 그렇기에, 원격 저장소 내에 민감정보를 올리지 않도록 해야 합니다. ○ │╲ │..

해당 글에서는 Spring Cloud Vault를 활용하여서 Database Secret Engine을 이용하는 방법에 대해 알아봅니다. 💡 [참고] Vault에 대해 궁금하시면 아래의 글을 참고하시면 도움이 됩니다.분류URI[OpenSource] Vault 이해하기 -1 : 이론, 구성요소, 처리과정https://adjh54.tistory.com/475[Docker] Dockerfile을 이용한 Vault 배포 환경 구성 및 실행방법https://adjh54.tistory.com/415[Java] Spring Cloud Vault 이해하고 활용하기-1 : 초기 환경, KV 구성 및 Root Token 인증 방식https://adjh54.tistory.com/728[Java] Spring Cloud ..

해당 글에서는 Vault의 인증 방식 중 ‘AppRole’ 인증방식을 이해하고 설정하는 방법에 대해 알아봅니다. 💡 [참고] 이전에 작성한 글들을 확인하고 오시면 큰 도움이 됩니다.분류URI[Java] Spring Cloud Vault 이해하고 활용하기-1 : 초기 환경, KV 구성 및 Root Token 인증 방식https://adjh54.tistory.com/728[Java] Spring Cloud Vault 이해하고 활용하기-2 : 정책 기반 토큰 발급 및 인증 방식https://adjh54.tistory.com/729 1) Vault 💡 Vault- HashCorp 사에서 만든 Vault는 다양한 환경에서 애플리케이션의 외부 비밀 속성(예: 데이터베이스 비밀번호, API 키 등)을 외부화된..