Home | Code Logs

Featured

infrastructure

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

DatadogRUMReal User Monitoring

Read post →

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

web component

Web component의 핵심인 encapsulation은 어떻게 이루어질까? Shadow DOM의 이해

Shadow DOMcustom elementencapsulation4 min read