Home | Code Logs

Featured

security

Android 하이브리드 앱에서 WebView와 OAuth 토큰을 분리하고 Google Credential Manager, Kakao SDK, PKCE, 백엔드 세션 교환을 이용해 안전한 인증 구조를 구현하는 방법을 정리한다.

AndroidHybrid AppOAuth 2.0

Read post →

infrastructure

Datadog RUM과 Error Tracking을 이용해 프론트엔드 운영환경에서 동일 오류 반복, 영향 사용자 수, 에러율, RUM 수집 중단을 기준으로 실무형 알람을 설정하는 방법을 정리한다.

DatadogRUMReal User Monitoring17 min read

ui and ux

AI agent 기반 디자인 생성을 실제 개발 프로세스에 연결하기 위한 컨텍스트 준비, 디자인 시스템 연동, 구현, 검증 흐름을 정리한다.

AI AgentDesign SystemFigma MCP13 min read

infrastructure

Turbo repo와 pnpm 환경에서 Next.js Dockerizing 하기

dockerdockerizingmonorepo4 min read

web component

<slot> 태그를 이용해 커스텀 엘리먼트에 자식 엘리먼트를 주입할 수 있는 방법을 소개 합니다. <slot> 태그를 이용해 조금더 유연한 형태의 dialog 커스텀 엘리먼트를 만들기

custom dialogcustom elementdialog4 min read