방은수

WritingsNEW

마지막 업데이트

Introduce

안녕하세요. 만 27세 2년 3개월의 경력을 가진 프론트엔드 개발자 방은수입니다.

TypeScript와 React, Next.js를 기반으로 웹 서비스를 개발하고 있으며, React Native(CLI) 환경에서 자사 모바일 애플리케이션의 신규 기능 개발과 유지보수도 함께 담당하고 있습니다.

화면을 만드는 것에서 그치지 않고, 진입 성능이나 인터랙션처럼 사용자 경험과 맞닿아 있는 부분을 신경 쓰며 개발하고 있습니다. 문제가 생기면 원인을 함께 살펴보고 구조적으로 접근해 해결하려고 합니다.

Claude Code 같은 AI 도구를 일상적인 개발 흐름에 활용하는 것에도 관심이 많습니다. 프로젝트 컨텍스트를 도메인별로 정리해 적재하거나, 서브에이전트를 활용한 반복적인 작업을 자동화하는 식으로, AI를 실제 업무에 자연스럽게 녹여내는 방법을 고민하고 있습니다.

업무 중 생기는 문제는 팀원들과의 충분한 대화로 풀어가는 편이며, 비즈니스와 개발 사이의 간극을 줄이는 것이 좋은 프로덕트의 출발이라고 생각합니다. 변화하는 기술과 AI 기반 개발 환경에 꾸준히 적응하며, 사용자에게 더 나은 경험을 전하는 개발자가 되고 싶습니다.

Experience

(주)원더라운드

2025.04 ~ 현재

481일째 근무 중

  1. 1.

    규칙 소유권 정리 및 하네스 초기화 체계 설계

    • 기존 RN 앱 담당자 퇴사 시점에 프로젝트에는 AI 에이전트 하네스가 사실상 정비되지 않은 상태였고 RN 도메인 지식 인계마저 단절된 상황. 학습 비용 절감과 컨텍스트 상시 참조를 위해 클로드 코드 기반 개발 보조 하네스를 처음부터 직접 설계하여 도입

    • 초기 하네스 설계 이후, 직접 개발한 개인 플러그인 thinkit 을 활용하여 규칙 소유권 · 산문/도구 분리 · 안전 경계 원칙 관점에서 하네스를 반복적으로 감사하고 개선. 직접 세운 원칙을 자체 결과물에 다시 적용하며 하네스 자체를 계속 점검 대상으로 삼음

  2. 2.

    도메인 지식과 반복 패턴을 스킬 단위로 자동화

    • UI 생태계 / 성능 / 애니메이션·제스처 / 서버 상태 / 네비게이션 / 전역 상태 / 다국어 / 에러 바운더리 / 신규 기능 흐름 등 도메인별 규칙과 아키텍처 결정을 스킬·rules 단위로 모듈화하여, 매 작업마다 컨벤션과 배경을 다시 설명하지 않고 필요한 시점에 컨텍스트로 불러올 수 있는 참조 구조로 정리

    • 반복되는 구현 패턴을 스킬 커맨드로 자동화 — 신규 API 추가 시 응답 데이터 타입 정의 · TanStack Query 훅 생성 · 캐시 키 등록까지 이어지는 흐름을 원-커맨드로 처리, 낙관적 업데이트 뮤테이션 / 화면 진입 최적화 / 다국어 반영 / Android 빌드·네이티브 트러블슈팅 등 반복되는 작업의 결과물을 일관되게 확보

  3. 3.

    별도 코드 리뷰 스킬 기반 최종 diff 리뷰 파이프라인 구축

    • 기능 구현이 완료된 시점에 별도 코드 리뷰 스킬을 호출하여, 작업 브랜치와 대상 버전 브랜치 간의 최종 diff 를 두 독립 lane(diff 내부에서 완결 판정 가능한 항목 / 리포지토리 전역 탐색이 필요한 항목)으로 분할해 서브에이전트가 병렬 리뷰하도록 파이프라인 구성. 관점이 겹치지 않도록 각 lane 은 서로의 결과를 공유하지 않고 독립적으로 결론을 도출

    • 병렬 리뷰 결과를 반박 검증 단계에 넘겨 무리한 지적은 약화하거나 제외하되, 데이터 유실 · 인증/권한/결제 · 즉시 크래시 · 롤백 어려운 마이그레이션 카테고리는 약화 금지로 지정하여 크리티컬 지적이 묻히지 않도록 보호. 살아남은 CRITICAL / HIGH 가 하나라도 남으면 머지 명령 자체를 출력하지 않도록 게이트를 구성하여, 리뷰 통과 여부가 숫자 기준만으로 정해지도록 설계

한국글로벌널리지네트웍(주)

2024.03 ~ 2025.03

총 1년 10일 근무

  1. 1.

    퀴즈에 필요한 문제 은행 관리 기능 개발

    • 보기의 추가·수정·삭제 후 TanStack QueryinvalidateQueries로 데이터 신선도를 유지하고, 최신 보기 데이터를 기반으로 정렬한 뒤 순서 변경 API를 호출해 정확성을 보장

  2. 2.

    강의 구성 단위(챕터 / 섹션 / VOD / 퀴즈 / 실습) 관리 기능 개발

    • Problem

      실습, VOD 등에 따라 요구되는 설정 값이 달라 일관된 폼을 제공하기 어려웠고, UI 복잡성이 증가하는 문제가 발생

      Solution

      각 콘텐츠 유형별로 독립적인 폼을 구성하고, 선택된 유형에 따라 동적으로 렌더링하도록 개선하여 UI 복잡성을 완화하고 사용성을 개선

Skills

Languages

  • JavaScript (ES6+)
  • TypeScript
  • HTML5 / CSS3
  • Java
  • C#

Libraries & Frameworks

  • React.js (vite)
  • Next.js
  • React Native (CLI)+48
  • Tailwind CSS
  • TanStack Query
  • Zustand+1
  • Recoil+1
  • Shadcn
  • Express

Backend

  • Prisma
  • Drizzle
  • Neon
  • Supabase
  • Vercel
  • Docker
  • GitHub Actions
  • EC2
  • S3

Tools

  • Git & GitHub
  • Jira
  • Notion
  • Figma
  • Slack

Portfolio

thinkit

  • 레포 하네스를 세팅하고 같은 기준으로 감사하는 Claude Code 플러그인
Claude Code PluginNode.jsESLintTypeScriptAstro

Bread And Source

  • 실제 운영중인 베이커리의 사이트 & 백오피스 (beta)
Next.jsTypeScriptTailwind CSSNeonDrizzleZustandTanStack QueryFramer Motion

Eunsutory

  • 개인 회고 & 소개 블로그
Next.jsTypeScriptTailwind CSSPrisma

Scrama

  • 아마존 웹 스크레핑 사이트
Next.jsTypeScriptTailwind CSSCheerio

Wasd Rental System

  • 대학교 동아리에서 제작한 장비 대여 시스템
React.jsTypeScriptExpress.jsTailwind CSSZustandTanStack Query

Eunimation

  • 애니메이션 추천 사이트
Next.jsTypeScriptTailwind CSSFramer MotionZustand

Eunsuread

  • Thread 클론 사이트
Next.jsTypeScriptTailwind CSSClerkMongoose

Education

명지전문대학교

소프트웨어 콘텐츠학과

2022.03.02 ~ 2024.02.28

  • 학점 4.26 졸업
  • 웹 개발 동아리 운영 (부장) 및 프로젝트 개발 주도 (2022.06 ~ 2024.02)
  • 기자재 대여 시스템 사이트 / 주변 맛집 등 명소를 찾는 사이트 / 2D 로그라이크 앱 게임 등 개발

Certification

  • 정보처리산업기사
  • 컴퓨터 활용능력 1급
  • 워드프로세서
  • TOEIC (815점)

Writings