프로젝트 및 오픈소스 활동

• 오픈소스 프로젝트 기여

  • TanStack/query queryClient.setQueryData 제네릭 타입 오류 수정 (링크)
  • motion 무한 렌더링 버그 수정 (링크)
  • TanStack/query 공식 문서 잘못된 내용 수정 (링크)
  • chakra-ui/panda 스타일 토큰 생성 관련 버그 수정 (링크)

  프로젝트 개발 시 자주 사용하는 라이브러리에 대한 이슈를 해결하고 공식 문서를 수정하는 등 오픈소스 프로젝트에 기여했습니다.

• @custardcream/msw-devtools

  2024년 09월진행중
  • 프레임워크 독립적 API 설계로 React, Vue 등 다양한 프레임워크에서 사용 가능
  • WebSocket 인터페이스 및 serverGuard 로직 추상화로 안정적인 JSON 파일 ↔ UI 실시간 동기화 구현
  • pnpm 모노레포로 UI, CLI 서버, 코어 3패키지 구조 설계

  서비스 개발 시 MSW Request Handler 관리에 불편함을 느껴 개발하고 있는 Devtools입니다. UI를 통해 핸들러를 관리(추가, 수정, 삭제, 활성화/비활성화, 지연 처리)할 수 있습니다.

  • GitHub
  • 데모
  • React
  • TypeScript
  • Rollup
  • i18n

• coinrate.kr — 실시간 암호화폐 환율 계산기

  2025년 05월진행중
  • 복수 거래소 API(Upbit·Bithumb·Binance·CoinGecko 등)를 타입 안전 resolver 레이어로 통합, 단일 fetch SDK 제공
  • 제네릭 Server Component 유틸을 설계해 Suspense · 데이터 패칭 패턴을 연구중

    // As Is
    <Suspense fallback={<div>Loading...</div>}>
      <CoinListServerComponent />
    </Suspense>
     
    // To Be
    <Suspense fallback={<div>Loading...</div>}>
      <ServerPromiseConsumer
        promise={getCoinListData()}
      >
        {(data) => <CoinList data={data} />}
      </ServerPromiseConsumer>
    </Suspense>

    // As Is
    <Suspense fallback={<div>Loading...</div>}>
      <CoinListServerComponent />
    </Suspense>
     
    // To Be
    <Suspense fallback={<div>Loading...</div>}>
      <ServerPromiseConsumer
        promise={getCoinListData()}
      >
        {(data) => <CoinList data={data} />}
      </ServerPromiseConsumer>
    </Suspense>

  한국 주요 거래소(업비트·빗썸)와 글로벌 지수 데이터를 통합해 한국 프리미엄·환율·거래소별 가격 차이를 실시간으로 보여주는 서비스입니다. Next.js 최신 기능을 실험하며 개발·운영 중입니다.

  • 서비스 링크
  • Next.js
  • TypeScript

• 카카오톡, 디스코드 코인 / NFT 정보 조회 챗봇

  2021년 06월2024년 04월
  • 최대 약 700여 명의 MAU 기록 (서비스 중단)
  • 코인 거래소별로 다른 API 명세에 대응하기 위한 normalizer를 구조적으로 설계
  • NFT 프로젝트 커뮤니티 관리를 위한 이벤트 기능, NFT 정보 검색 및 보유 중인 NFT 조회 기능을 탑재한 디스코드 봇을 개발해 약 2,800여 명의 사용자가 있는 디스코드 서버에서 실사용

  블록체인에 관심을 가져 개발한 챗봇입니다. 코인 가격 조회, NFT 가격 조회, 가격 변동 알람 등 20 ~ 30가지의 블록체인 투자 관련 기능을 가진 카카오톡 봇과, NFT 커뮤니티 관리를 위한 디스코드 봇입니다.

  • 카카오톡 봇 기능 설명
  • Node.js