Pro.log
2024.07. - 2024.08. (1개월)
“게임 확률 로그 웹사이트”
-
Chart.js로 데이터 시각화, 디자인팀과 협업해 기획-개발 동시 진행.
-
디자인팀과 협업해 기획-개발 동시 진행.
- next.js
- typescript
- react-query
- recoil
- tailwind
- chart.js
- jira
Odyssey AssetSquare
2024.02. - 2024.07. (6개월)
“STO 플랫폼(어드민, 비즈, 유저) 개발”
-
복잡한 도메인 모델(부동산, 항공기, 예술품 등)과 결제/정산 로직을 반영한 안정적인 UI 설계
-
백엔드 API 스펙 변경으로 인한 타입 불일치 문제를 해결하기 위해 공통 요청/응답 스키마와 도메인 모델 공유 구조 도입
-
react-dnd-treeview를 활용한 자산 카테고리 Drag&Drop 기능 구현
- next.js
- typescript
- react-query
- recoil
- react-hook-form
- tailwind
- jira
Makedrop
2023.03. - 2024.03. (13개월)
“Web 3.0 티켓팅 웹사이트”
-
Web3Auth 커스터마이징으로 접근성 개선
- 기존 UI/UX가 기획 의도와 상이하여, Core만 활용해 SDK를 커스터마이징하여 최적화된 사용자 경험 제공
-
react-hook-form의 useFieldArray 데이터와 Excel 데이터를 연동하여 초대장 리스트 구현
-
Jira를 활용한 QA팀과의 협업으로 다양한 서버 환경에서 프로젝트 관리
- next.js
- typescript
- react-query
- redux-toolkit
- react-hook-form
- scss module
- web3auth
- kakao-maps
- jira
Tracks
2022.08. - 2022.12. (5개월)
“K리그 NFT 판매 웹사이트”
-
React Query 도입으로 상태 관리 개선
- 효율적인 QueryKey 사용을 위한 구조화 문서 작성으로 팀 생산성 향상
-
Metamask 기반 결제 구현
- metamask-react 라이브러리 소스를 커스터마이징하여 기획에 맞는 유연한 회원가입 흐름 구성
- Metamask를 통한 Matic 결제 적용
- 초기 아임포트를 통한 원화결제 구현 후, Metamask와의 충돌 이슈로 토스페이먼츠로 전환하며 결제 흐름 최적화
-
Next.js 다국어 처리 이슈
- 서버가 없는 배포환경으로 인해 런타임 다국어 처리가 불가능 → 언어별 정적 페이지를 사전 생성해서 해결
- next.js
- typescript
- react-query
- redux-toolkit
- scss module
- tosspayments
- i18n
이벤트 NFT 발행 페이지
2022.06. - 2022.07. (2개월)
-
지갑 연결 및 발행 페이지 구현
-
다양한 이벤트 테스트 및 운영 (신한40주년이벤트, 번개장터X신한카드, 신한 데모데이 퓨처스랩 2023 아트맵 NFT 이벤트 진행)
Revitu
2022.01. - 2022.05. (5개월)
“NFT 자산 관리 웹사이트”
-
모바일 및 PC 지갑 연결을 위한 모바일웹 구축
- Kaikas, Klip 지갑을 통한 간편 로그인 및 NFT 발행 기능 구현
-
신한플레이 'My NFT' 앱 내장 대응 작업 수행 (WebView)
-
Sentry를 통한 에러 추적 및 모니터링
- react
- redux-toolkit
- scss bem
- sentry
하자노
2021.07. - 2021.12. (5개월)
“집수리 전문가 매칭 및 제품 판매 앱”
-
앱 업그레이드 및 iOS 앱등록 및 유지보수
- iOS 앱 스토어 신규 앱 등록 절차 및 심사 대응 경험 축적
- 등록 절차와 리젝 사항 문서화 및 팀 공유, 문제 해결 노하우 확립
-
전문가 회원가입 시 신분증 마스킹 API를 통한 개인정보 보호
-
집수리 전문가와 사용자 간 매칭 기능 고도화 (대화 기능, 상품 결제 추가)
- react native
- redux-toolkit
- iamport
Rozeus
2021.06. - 2021.08. (3개월)
“React와 React Native 간 브릿지 통신 WebView 앱”
-
WebView 통신을 통해 앱 내 권한 및 기능 제어
-
Custom Splash 화면 적용
- react native
- redux-toolkit