김병준

Pro.log

2024.07. - 2024.08. (1개월)

“게임 확률형 아이템의 성공/실패 로그를 프라이빗 블록체인에 실시간으로 기록하는 웹사이트”

• 내부 피드백을 받기 위한 MVP 버전 개발 주도 (어드민, 유저)
  • 기획자 없이 디자인팀과 협업하여 기획 및 개발 동시 진행, 데일리 미팅을 통한 즉각적인 피드백 반영
• chart.js를 활용한 다양한 확률 기반 데이터 시각화

• next.js
• typescript
• react-query
• recoil
• tailwind
• chart.js
• jira

Odyssey AssetSquare

2024.02. - 2024.07. (6개월)

“항공기, 차량, 선박 등 다양한 자산의 판매 및 투자가 가능한 STO 플랫폼 웹사이트”

• 현행 법적 규제를 고려한 선행 플랫폼 개발 (어드민, 비즈, 유저 3개 사이트 구성)
• Next.js 14 도입을 통한 성능 및 개발 효율성 향상
  • App Router를 활용한 레이아웃 관리 및 라우팅 최적화로 코드 유지보수성 개선
  • 부분 SSR 적용으로 성능 및 사용자 경험 최적화
  • 프록시 패턴을 사용한 API 요청 보안 강화(API Routes를 경유한 요청)
• react-dnd-treeview를 활용한 자산 카테고리 Drag&Drop 기능 구현

• next.js
• typescript
• react-query
• recoil
• tailwind
• jira

Makedrop

2023.03. - 2023.09. (7개월)

“누구나 쉽게 티켓을 제작, 발행하고 참석자를 관리할 수 있는 개방형 웹사이트”

• Web 3.0 앱 접근성 향상을 위한 Web3Auth 전담 개발
  • 기존 UI/UX가 기획 의도와 상이하여, Core만 활용해 SDK를 커스터마이징하여 최적화된 사용자 경험 제공
• react-hook-form의 useFieldArray와 연동하여 Excel 초대장 리스트 데이터의 효율적인 관리 구현
• Jira를 활용한 QA팀과의 협업으로 다양한 서버 환경(Production, Stage, Develop)에서 프로젝트 관리

• next.js
• typescript
• react-query
• redux-toolkit
• scss module
• web3auth
• kakao-maps
• jira

Tracks

2022.08. - 2022.12. (5개월)

“K리그 축구팬 대상으로 선수 퍼포먼스 데이터가 담긴 NFT를 판매하는 웹사이트”

• React Query 도입으로 서버-클라이언트 상태 분리 및 비동기 데이터 관리 개선
  • 효율적인 QueryKey 사용을 위한 구조화 문서 작성으로 팀 생산성 향상
• Metamask를 통한 지갑 연결 및 회원가입 구현
  • metamask-react 라이브러리 소스를 커스터마이징하여 기획에 맞는 유연한 회원가입 흐름 구현
• NFT 카드 입찰 및 구매 기능 구현 (Matic, 원화결제)
  • Metamask를 통한 Matic 결제 구현
  • 초기 아임포트를 통한 원화결제 구현 후, Metamask와의 충돌 이슈로 토스페이먼츠로 전환하며 결제 흐름 최적화
  • 토스페이먼츠 SDK를 커스텀 Hooks로 구현하며 복잡한 결제 로직 간소화
• Next.js 정적배포 이슈
  • 언어별 정적 페이지 사전 생성 및 클라이언트 측 언어 변경 로직 추가로 문제 해결

• next.js
• typescript
• react-query
• redux-toolkit
• scss module
• tosspayments
• i18n

이벤트 NFT 발행 페이지

2022.06. - 2022.07. (2개월)

“이벤트 참여자를 위한 NFT 발행 웹사이트”

• 지갑 연결 및 발행 페이지 구현
• 다양한 이벤트 테스트 및 운영 (신한40주년이벤트, 번개장터X신한카드, 신한 데모데이 퓨처스랩 2023 아트맵 NFT 이벤트 진행)

• react
• typescript

Revitu

2022.01. - 2022.05. (5개월)

“NFT 발행을 통해 개인 자산을 보유 관리하는 웹사이트”

• 모바일 및 PC 지갑 연결을 위한 모바일웹 구축
  • Kaikas, Klip 지갑을 통한 간편 로그인 및 NFT 발행 기능 구현
• NFT 발행 화면 구성 및 기능 구현
• 신한플레이 'My NFT' 앱 내장 대응 작업 수행 (WebView)
• Sentry를 통한 에러 추적 및 모니터링

• react
• redux-toolkit
• scss bem
• sentry

하자노

2021.07. - 2021.12. (5개월)

“집수리 전문가 매칭 및 제품 판매 앱”

• React Native v1.0 → v2.0 업그레이드 및 iOS 앱등록 및 유지보수
  • iOS 앱 스토어 신규 앱 등록 절차 및 심사 대응 경험 축적
  • 등록 절차와 리젝 사항 문서화 및 팀 공유, 문제 해결 노하우 확립
• React 클래스형 컴포넌트 → 함수형 컴포넌트 전환
• 전문가 회원가입 시 신분증 마스킹 API를 통한 개인정보 보호
• 집수리 전문가와 사용자 간 매칭 기능 고도화 (대화 기능, 상품 결제 추가)

• react native
• redux-toolkit
• iamport

Rozeus

2021.06. - 2021.08. (3개월)

“React와 React Native 간 브릿지 통신 WebView 앱”

• WebView 통신을 통해 앱 내 권한 및 기능 제어 (카메라, 위치, 소셜로그인 등)
• 무작위로 변경되는 Custom Splash 화면 적용

• react native
• redux-toolkit