➜ ~ whoami
현상민프론트엔드 개발자
비멤버의 관리자 웹과 하이브리드 앱 웹을 만들고 있습니다. 웹뷰 브릿지나 토큰 인증처럼 웹과 앱 사이에서 생기는 문제도 같이 맡아왔습니다.
기술 스택
대표 작업
NFT 전송 플로우 — 온체인 상태를 다루는 화면
전송 요청부터 완료까지 — 모달과 폴링으로 진행 상태를 관리하고, 전송 중인 NFT는 중복 전송을 막고, 실패하면 원인별 재시도 화면으로 분기합니다.
프로젝트
AI 활용
AI 코딩 도구를 그때그때 시키는 식으로만 쓰지 않고, 팀 코드 패턴을 규칙과 명령어로 만들어 AI가 그대로 따르게 해두고 씁니다.
패턴의 규칙화
팀 코드 패턴(도메인 세트, query-key 팩토리, MSW 목 규칙)을 Claude Code 규칙으로 만들어, AI가 만드는 코드도 팀 컨벤션을 따르게 했습니다.
스캐폴딩 커맨드
새 도메인(service+query hook)과 MSW 핸들러(픽스처·시나리오 패널 등록 포함) 생성이 명령어 하나로 끝나게 만들었습니다.
검증 훅
AI가 코드를 수정할 때마다 eslint가 자동으로 돌도록 훅을 걸어뒀습니다. 컨벤션에 어긋난 코드는 그 자리에서 걸리고, 토큰·브릿지 같은 핵심 로직은 단위 테스트로 한 번 더 검증합니다.
효과 검증 실험
규칙 환경이 정말 나은지 일반 웹챗 방식과 같은 규모의 도메인으로 비교해봤습니다. 속도 차이는 크지 않았습니다. 대신 참고 파일을 매번 고르는 비용이 사라지고, 누가 돌려도 같은 결과가 나온다는 게 더 큰 이점이라고 결론 내렸습니다.
LLM 기능 프로토타이핑
관리자 웹 푸시 문구 초안 생성(목적 입력 → 제목/본문 후보 3개) — NestJS 엔드포인트(Claude API, structured outputs + zod 이중 검증)부터 푸시 폼의 초안 패널까지 모노레포 양쪽을 구현했습니다.