crossorigin="anonymous">
[JS] PWA(Progressive Web App) 이해하고 활용하기 -1: 초기 구성
·
Javascript & Typescript/이해하기
해당 글에서는 PWA에 대해 이해하고 활용하는 기본 방법에 대해 알아봅니다.1) PWA(Progressive Web App)💡 PWA(Progressive Web App)- 웹 기술로 구축되지만 네이티브 앱처럼 작동하는 애플리케이션입니다. 전통적인 웹사이트와 네이티브 앱의 장점을 결합한 형태라고 할 수 있습니다 앱처럼 아이콘을 추가하고, 푸시 알림을 보내며, 오프라인에서도 작동하게 만드는 기술입니다.- 구글의 엔지니어 알렉스 러셀(Alex Russell)이 처음 제안한 개념으로, 별도의 스토어 설치 과정 없이 웹 브라우저를 통해 앱과 같은 사용자 경험(UX)을 제공합니다.구분일반 웹 사이트PWA네이티브 앱 (AOS/iOS)설치 방식URL 접속브라우저 내 추가앱스토어 다운로드오프라인 사용불가가능 (제한적..
[제작 앱 소개] 촌수 계산기 Plus+
·
Contributor9/제작 앱 소개
해당 글에서는 Contributor9 개발자가 만든 개발 앱에 대해 홍보를 위한 목적으로 작성한 글입니다.1) 개발자는 왜 이 앱을 만들었을까?💡 개발자는 왜 이 앱을 만들었을까?- 한국의 호칭과 촌수 체계는 상당히 복잡한것 같습니다. 일상에서 자주 사용하지 않다 보니 정확히 기억하기 어렵고, 특히 기준이 되는 사람의 성별에 따라 호칭이 달라지기 때문에 그 복잡성은 더욱 커지는것 같습니다. 그렇지만, 생각해보면 이렇게 헷갈리고 어려운 호칭들은 오랜 기간 동안 변하지 않고 그대로 사용하는 것들입니다.- 그렇기에 나는 똑같은 고민을 반복해서 하는 것이 아닐까라는 생각이 들었습니다. 이러한, 복잡하고 어려운 호칭과 촌수를 고민 없이 필요에 따라서 앱에서 사전과 같이 꺼내 쓰고 쉽게 바로바로 찾을 수 있는 앱..
[Java] GA4(Google Analytics) 이해하고 활용하기 -2: 수집된 데이터 조회 환경 설정 및 활용 방법
·
Java/라이브러리 활용
해당 글에서는 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(Google Analytics) 이해하고 활용하기-1 : 프로젝트 설정 및 데이터 수집 방법
·
React & React Native/환경 설정 및 구성
해당 글에서는 React 환경에서 GA4를 이해하고 설정하여 데이터를 수집하는 방법에 대해 알아봅니다. 1) Google Analytics(GA4)💡 Google Analytics(GA4)- Google 애널리틱스 4는 웹사이트 및 앱에서 트래픽과 참여도를 측정할 수 있는 분석 서비스입니다.- 웹사이트와 웹, 앱의 데이터를 수집하여 비즈니스 통찰력을 제공하는 구글의 차세대 분석 플랫폼입니다. Google 애널리틱스 4 소개 | Google Analytics | Google for DevelopersGoogle 애널리틱스용 MCP 서버를 사용해 보세요. GitHub에서 설치하고 공지사항에서 자세한 내용을 확인하세요. 의견 보내기 Google 애널리틱스 4 소개 컬렉션을 사용해 정리하기 내 환경설정..
[기타] Gemini Mac 환경에서 바로 실행 방법
·
개발 Tip/기타
해당 글에서는 Mac 환경에서 Gemini를 바로 실행하는 방법에 대해 알아봅니다.1) 문제점💡 문제점- MacOS 환경에서 Gemini를 바로 실행하는 애플리케이션이 없기에 브라우저를 통해서 실행해야 합니다.- 그렇기에 빠르게 브라우저를 실행하여 Gemini로 접속할 수 있는 방법에 대해 알아봅니다. 2) Chorme에서 실행 방법 1. 사이트 접속💡 사이트 접속- Google Chorme을 통해서 Gemini 사이트에 접속합니다.https://gemini.google.com/ 2. Chrome 가장 오른쪽 점 3개 아이콘(⋮)을 누릅니다 3. 전송, 저장, 공유 > 바로가기 만들기… 를 선택합니다. 4. 바로가기를 만들어줍니다 5. 바로가기를 Dock으로 드래그하면 완료가 됩니다. ..
[JS] Quill Editor v2 이해하고 활용하기-1: 기본 활용
·
React & React Native/라이브러리 활용
해당 글에서는 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..
[Trend] Spring Boot 4 Release Note 읽어보기
·
공통/Trend
해당 글에서는 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..
[Opensource] Gitleaks 이해하고 활용하기 -1 : homebrew를 이용한 간단 스캔 방법
·
OpenSource/Gitleaks
해당 글에서는 OpenSouce 중 Gitleaks를 이해하고 이를 이용하여 민감정보를 찾는 간단한 스캔방법에 대해 알아봅니다 1) Gitleaks💡 Gitleaks- Git 저장소(Repository) 내에 포함된 민감 정보(API Key, 비밀번호, 토큰, 인증서, 개인키 등)를 탐지하는 보안 도구를 의미합니다. 민감정보를 탐지하여 실수로 소스코드 내에 커밋이 된 내용들을 빠르게 찾아낼 수 있습니다.- 특히, 이미 원격 저장소 내에 Commit & Push 작업을 수행하면 저장소 내에 이력으로 모든 기록이 남기 때문에, 잘못 올린 한 번 잘못 올린 민감정보는 파일을 삭제하더라도 히스토리에 남아있습니다.- 그렇기에, 원격 저장소 내에 민감정보를 올리지 않도록 해야 합니다. ○ │╲ │..
[Java] Spring Cloud Vault 이해하고 활용하기 -4 : Database Secret Engine 활용
·
Java/Spring Cloud
해당 글에서는 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 ..
[Java] Spring Cloud Vault 이해하고 활용하기 -3 : AppRole 인증방식
·
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 키 등)을 외부화된..