[오늘가챠] 웹을 네이티브 앱처럼: 모바일 PWA 세팅과 터치 UX 깎아내기
·
◈ Yermi Project/오늘가챠🃏
'오늘가챠'는 모바일 웹을 타겟팅하여 React + Vite로 빌드되었습니다. 하지만 웹 브라우저로 접속하더라도 유저에게 "어라, 앱스토어에서 다운로드한 네이티브 앱인가?"라는 착각을 불러일으킬 정도의 쫀쫀한 몰입감을 주고 싶었습니다. 이를 위해 단행한 프론트엔드 UX/UI 디테일링 작업기입니다.1. PWA (Progressive Web App) 도입가장 먼저 앱의 첫인상인 '설치 경험'을 네이티브 앱과 동일하게 만들었습니다. Vite 환경에 manifest.json 매니페스트 설정을 구성했습니다. 실제 프로젝트의 매니페스트입니다.{ "name": "오늘가챠 - 일상이 카드가 되는 순간", "short_name": "오늘가챠", "description": "내 일상이 누군가의 보물이 된다. 사진을 ..
[KubeCon Japan 2026] AI 시대의 보안과 컴플라이언스 : 디지털 홍수 지대에서 살아남기🌊
·
▣ Infra & DevOps/KubeCon Japan 2026⚓
둘째 날 낮 12시 10분, 3층 313+314호. 제가 이번 행사에서 들은 마지막 세션입니다. Scalable Security and Compliance in the Age of AIEddie Knight (Founder, Revanite / OpenSSF·FINOS) 발표자 이력이 화려합니다. CNCF Security Slam 운영자이고, FINOS(금융권 오픈소스 재단) TOC 리드이며, 이번 주에 자신의 Privateer 프로젝트가 Linux Foundation에 들어갔다고 소개했습니다.🤖 시험에서 부정행위를 한 AI도입 사례가 강렬했습니다.2026년 7월 OpenAI 벤치마크 평가 중에 있었던 일인데, 모델이 자기 평가에서 좋은 점수를 받으려고 시험을 부정행위로 통과하려 했습니다. 발표자의 분..
[KubeCon Japan 2026] 산업용 IoT와 OpenTelemetry : 공장 데이터를 사일로에서 꺼내기🏭
·
▣ Infra & DevOps/KubeCon Japan 2026⚓
둘째 날 오전 11시 30분, 3층 315호 세션입니다. OpenTelemetry 메인테이너이자 거버넌스 위원이 직접 하는 발표라 놓칠 수 없었습니다. Standardizing Industrial IoT Observability with OpenTelemetryAlolita Sharma (OpenTelemetry Maintainer & GC, AI Observability @Apple) 공동 발표자 두 명이 이동 지연으로 도착하지 못해 혼자 진행했는데, 그럼에도 밀도가 높았습니다.🧭 먼저 전제 : OpenTelemetry가 표준인 이유관측성 표준 — 텔레메트리를 생성할 뿐 아니라 수집하고 내보내는 것까지 담당합니다. 트레이싱, 메트릭, 로그, 프로파일링, 이벤트를 다양한 디바이스와 플랫폼에서 다룹니다벤..
[KubeCon Japan 2026] 둘째 날 키노트 (2) : 클라우드 네이티브가 물리 세계로 내려오다⚡
·
▣ Infra & DevOps/KubeCon Japan 2026⚓
둘째 날 키노트 후반부입니다. 앞 글에서 커뮤니티와 신뢰 기반을 다뤘다면, 이번에는 전력과 땅이라는 물리적 제약을 Kubernetes로 다루는 세 개의 발표를 정리합니다. 이번 행사에서 가장 예상 밖이었던 묶음입니다. 클라우드 네이티브 컨퍼런스에서 발전소와 그리드 이야기를 이렇게 오래 듣게 될 줄은 몰랐습니다.🔌 EV 충전기 200대를 K8s로 관리하기Large-Scale Edge Management with Kubernetes: The Tech Behind Stable Operation of 200 EV ChargersRyota Yonekura (PowerX, Senior SRE)PowerX는 EV 충전기와 그리드 규모 배터리를 만들고 운영합니다. 일본 전역에 200대 이상의 에지 디바이스를 돌리는데..
[오늘가챠] TCG 렌더링 최적화: Cloudinary 미디어 실시간 변환과 Lazy Loading
·
◈ Yermi Project/오늘가챠🃏
수백 장의 고화질 일러스트(카드)가 한 번에 뷰포트를 채우는 '오늘가챠' 앱 특성상, 미디어 렌더링 최적화는 프론트엔드 성능의 절대적인 지표입니다. 이를 우아하게 해결한 최적화 여정을 공유합니다.1. On-the-fly 실시간 트랜스포메이션의 마법보통 백엔드 개발 시 유저가 이미지를 업로드하면, 원본, 중간 사이즈, 작은 썸네일 사이즈로 각각 리사이징 툴(ImageMagick 등)을 거쳐 S3 버킷에 별도로 저장해 두는 무거운 배치를 돌립니다. 이 지루한 작업을 글로벌 미디어 CDN 서버인 Cloudinary에 100% 외주화했습니다.극한의 자동 압축 (f_auto, q_auto)Cloudinary에 원본 이미지 하나만 올려두면, 프론트엔드 태그에서 URL 파라미터만 살짝 변경하여 요청을 때립니다.원본..
[KubeCon Japan 2026] 둘째 날 키노트 (1) : 첫 걸음과 신뢰의 기반📖
·
▣ Infra & DevOps/KubeCon Japan 2026⚓
둘째 날 아침 메인홀입니다. 첫날 키노트가 AI 인프라와 스케일 이야기로 가득했다면, 둘째 날은 색깔이 완전히 달랐습니다. 사람과 커뮤니티로 시작해서 전력과 땅 이야기로 끝났습니다. 발표가 여덟 개나 이어져서 두 편으로 나눠 정리합니다. 이번 글에서는 커뮤니티와 신뢰 기반을 다룬 네 개를 묶었습니다.📕 오픈소스는 코드가 아니라 커뮤니티다Where Will Cloud Native Take You? — Jeffrey Sica (Head of Projects, CNCF) 둘째 날 문을 연 발표인데 영화 이야기로 13분을 채웠습니다. 영화 '마션' 아시죠. 대부분이 모르는 건, 이게 영화가 되기 전에, 심지어 살 수 있는 책이 되기 전에 그냥 한 사람의 웹사이트였다는 사실입니다. 작가 Andy Weir는 원래..
[Kafka] 공책, lease, epoch: 전부 로컬에서 재현하기 [Spring Boot + Kafka + PostgreSQL로 만드는 팬아웃 릴레이: lease와 epoch 펜싱]
·
▣ Infra & DevOps/Kafka🐦‍🔥
2편의 결론은 "그룹 1개 + DB 장부"였다. 3편은 그 구조를 docker compose 한 방으로 로컬에 띄우고, 송신자를 죽여 승계와 펜싱이 실제로 동작하는 것을 로그로 확인한다.무엇을 짓는가허브 스캔 접수(프로듀서) ──► Kafka scan-events ──► relay ×2 ──► WS ──► 제휴사 ×3 :8081 key=운송장, 파티션 3 (그룹 1개) :9091~9093 │ PostgreSQL :5433 ..