모든 블로그
데보션

데보션

주요 카테고리 AI · DevOps · 백엔드

활동 요약

대표 인기 포스트나의 새로운 주니어 개발자는 AI? LLM을 활용한 코드 리뷰 자동화744 조회
최근 30일
2개
평균 조회
77
누적 조회
37,237
전체 글
486개
마지막 발행
2026. 11. 10.
블로그 방문

데보션 기술 블로그 글 (43)

프론트엔드

암호키의 안전한 사용을 보장하는 Android KeyStore 시스템 소개

안드로이드 KeyStore가 암호키를 하드웨어 영역에 저장해 외부 노출 없이 연산하는 보안 메커니즘을 소개했습니다. StrongBox와 Attestation으로 신뢰성을 검증하며 금융·결제 앱에서 중요하다고 설명했습니다.

#Android#정보보안#KeyStore
5700

프론트엔드

React 상태 관리 라이브러리 비교: Zustand vs Recoil vs Jotai

React 상태 관리 라이브러리로 Zustand, Recoil, Jotai를 비교했습니다. 프로젝트 규모와 상태 복잡도에 따라 적절한 도구를 선택하는 기준을 정리했습니다.

#React#Zustand#Recoil
19200

프론트엔드

Cursor AI를 활용하여 Frontend 손쉽게 개발하기

Cursor AI로 Vue.js 프론트엔드를 빠르게 구성하고, 백엔드 API와 ECharts 차트·CloudWatch 모니터링을 연동하는 과정을 소개했습니다. 단순 작업은 효율적이지만 복잡한 기능은 반복 피드백과 디버깅이 필요했습니다.

#Tuist#Vue.js#ECharts
18700

프론트엔드

프론트엔드 개발자를 위한 FEConf 2025 간단 후기

FEConf 2025에서 스벨트, 웹 접근성, 최신 CSS, Figma MCP와 Cursor 사례를 중심으로 프론트엔드 실무 인사이트를 정리했습니다. 실무에 바로 적용할 수 있는 기술과 자동화 흐름이 특히 인상적이었습니다.

#컨퍼런스#Svelte#웹 접근성
24200

프론트엔드

에이닷 웹서비스팀의 E2E 테스트 도입기

에이닷 웹서비스팀이 QA 자동화를 위해 E2E 테스트를 도입하고 Playwright와 Cursor로 효율을 높인 과정을 공유했습니다. 크로스 브라우저 지원, 셀렉터 전략, 코드 자동 생성과 디버깅 활용법도 함께 정리했습니다.

#Playwright#Cursor#E2E 테스트
10800

프론트엔드

WebGL과 함께 배우는 컴퓨터 그래픽스 (2)

WebGL과 Three.js에서 라이팅과 머티리얼의 기본 개념을 정리했습니다. 각 조명과 재질의 차이, 계산 비용과 사실감의 균형을 예제로 설명했습니다.

#WebGL#design
7900

프론트엔드

ChatGPT 질문 내역 바로보기 (익스텐션 개발기)

ChatGPT 대화 기록을 찾기 어려운 문제를 크롬 익스텐션으로 해결한 개발기입니다. 질문 목록 UI와 바로가기 기능으로 탐색 편의성을 높이고 스토어 등록까지 진행했습니다.

#ChatGPT#Chrome Extension#LLM
14000

프론트엔드

Jupyter 노트북의 한계를 극복하는 새로운 도구, marimo

Jupyter 노트북의 반복 실행, 숨겨진 상태, 버전 관리 문제를 해결하는 marimo를 소개했습니다. 셀 의존성 자동 관리와 Python 파일 저장으로 재현성과 협업성을 높였습니다.

#Python#Jupyter Notebook#Git
9300

프론트엔드

프론트엔드 개발, 바이브코딩 라이브 웹앱 개발 사용 경험기

프론트엔드 개발자가 바이브코딩을 통해 생산성 향상을 체감한 경험을 공유했습니다. 동시에 테스트 코드, 업무 분할, 프롬프트 설계, 도메인 지식의 필요성도 강조했습니다.

#React#LLM#prompt
19200

프론트엔드

클릭했는데 새 창이 안 열려요? – 실전 팝업 차단 이슈 해결기

iOS Safari에서 일부 새 창 열기 동작이 팝업 차단 정책으로 막힌 원인을 분석하고 해결했습니다. 빈 창을 먼저 열고 이후 URL을 지정하는 방식으로 기능과 사용자 경험을 개선했습니다.

#iOS#Safari#JavaScript
10100

프론트엔드

Figma MCP로 UI 컴포넌트 개발 효율화하기

Figma MCP를 Cursor와 연동해 디자인을 코드로 변환하는 방법을 소개했습니다. 실제 업무 적용으로 컴포넌트 작업 시간을 줄이고 스토리북 관리에도 도움을 얻었습니다.

#Figma#MCP#React
20800

프론트엔드

Android 오디오 경험을 향상시키는 필수 요소, Audio Focus

Android의 Audio Focus를 공유 오디오 자원으로 설명하며, 요청·반납과 상태 변화 대응이 필수라고 정리했습니다. 미처리 시 발생하는 소리 충돌 사례와 AOSP 코드로 동작을 확인하는 방법도 함께 소개했습니다.

#Android#오디오
5300

프론트엔드

WWDC 2025 —" What’s New in Passkey" 요약

WWDC 2025에서 소개된 패스키 통합 인증 프레임워크를 요약했습니다. 회원가입부터 동기화, 자동 전환, 기기 간 이전까지의 개선점을 정리했습니다.

#Swift#iOS#보안
5600

프론트엔드

에이닷 및 D9을 위한 웹뷰 인터페이스 소개

웹뷰 인터페이스를 통해 네이티브 앱과 웹이 어떻게 양방향으로 소통하는지 정리했습니다. 또한 명명 규칙, 보안, 성능 관점의 설계 가이드와 주요 함수 예시를 소개했습니다.

#JavaScript#Android#iOS
7600

프론트엔드

"딸깍"으로 이미지 리소스 반영하는 법

iOS 이미지 리소스를 파일명 규칙 기반 스크립트로 자동 정리하는 방법을 소개했습니다. 수작업 교체와 설정 부담을 줄여 실수를 줄이고 반복 작업을 크게 줄였습니다.

#iOS#Xcode#자동화
10700

프론트엔드

Cursor AI로 K-팝 소개 사이트 만들기 (feat. 커서 AI 트렌드 & 활용 백과)

Cursor AI로 K-팝 소개 웹페이지를 만들고 웹 서버에 올린 과정을 공유했습니다. 초보자도 빠르게 결과물을 만들 수 있지만, 도메인 지식과 수정 검토가 중요하다고 짚었습니다.

#Cursor#HTML#CSS
26700

프론트엔드

에이닷 음악 서비스를 자동차 안으로, Android Auto 개발 노트

에이닷 음악 서비스를 Android Auto에 연동한 개발 과정을 정리했습니다. MediaBrowserServiceCompat, MediaSessionCompat, AudioFocus, DHU 테스트를 함께 다뤘습니다.

#Android Auto#Android#MediaBrowserServiceCompat
9000

프론트엔드

Digital assistant app, 간단히 만들어보기

Android VoiceInteractionService를 기반으로 디지털 어시스턴트 앱의 구성과 동작 흐름을 설명했습니다.세션 생성, 화면 정보 수집, 스크린샷 분석을 통해 맞춤형 지원을 제공하는 방법을 다뤘습니다.

#Android#VoiceInteractionService#VoiceInteractionSession
7100