Experience

(주)블록오디세이

금융프로덕트 • 개발팀

2021.02 - 2024.10 (3년 9개월)

  • 금융 기관을 위한 Web3.0 맞춤형 인프라 구축과 솔루션을 개발했습니다.
  • 10명 규모의 팀에서 블록체인 지갑 연동과 결제 로직을 구현을 주로 담당한 프론트엔드 개발업무로 근무하였습니다.
  • 월간 프론트엔드 포럼을 주도해서 진행해 Typescript, React Query, Next.js(App Router) 등을 도입해 문화 향상시켰습니다.

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 플랫폼(어드민, 비즈, 유저) 개발”

  • Next.js App Router을 통한 성능 및 개발 효율성 향상
    • 서버 액션을 통한 통신 간소화
    • 프록시 패턴을 사용한 API 요청 보안 강화(API Routes를 경유한 요청)
  • react-dnd-treeview를 활용한 자산 카테고리 Drag&Drop 기능 구현
  • next.js
  • typescript
  • react-query
  • recoil
  • react-hook-form
  • tailwind
  • jira

Makedrop

2023.03. - 2023.09. (7개월)

“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 이벤트 진행)
  • react
  • typescript

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

Side Projects

개인 프로젝트 • Github(Readme) 회고

2023.10. - (진행중)

  • 서비스 기능 요약
    • 일 평균 100명 이상 방문자의 동의서 및 서명 수집 관리
    • 하나의 계정으로 다중 지점 관리
  • 프로젝트 설계, 기획부터 개발까지 전 과정 단독 주도 및 완료
  • Next.js v15, Server Actions 기반 데이터 패칭 및 클라이언트 렌더링
  • Prisma ORM을 통해 데이터베이스 관리
  • next.js
  • typescript
  • react-query
  • react-hook-form
  • node.js
  • prisma
  • postgresql
  • vercel
  • blob

클라이밍 대회 운영 시스템

개인 프로젝트 • Github(Readme) 회고

2024.08. - 2024.09. (1개월)

  • 서비스 기능 요약
    • 100명 이상의 클라이밍 대회 참가자 성적 실시간 채점
    • 실시간 채점을 통한 대회 성적 및 순위 라이브 표시
    • 실제 대회에서 서비스 성공적 운영 및 완료
  • 프로젝트 설계, 기획부터 개발까지 전 과정 단독 주도 및 완료
  • Next.js API Router를 활용한 클라이언트-서버 통신 구현
    • Prisma ORM을 통한 데이터베이스 관리
  • 코드 입력을 통한 심판 권한 부여
  • next.js
  • typescript
  • react-query
  • node.js
  • prisma
  • postgresql

KOTEN

팀 프로젝트(3명) • 프론트엔트 • XD Design

2023.01. - 2023.04. (4개월)

  • 백엔드 2명, 프론트엔드 1명으로 구성된 팀 프로젝트
    • 앱 개발 및 배포 담당, Android & iOS 동시 개발
  • 전국 지점 관리 기능 구현
    • 재고, 수리, 고객, 거래처 등 다양한 업무 관리 기능
  • react native
  • typescript
  • react-query
  • redux-toolkit

BIGFLIX

개인 프로젝트 • Github(Readme)

2020.12. - 2021.01. (2개월)

  • 넷플릭스 UI와 유사한 구성 (TMDB API 활용)
  • 로그인 및 회원가입 기능 구현 (JWT)
  • 회원별 컨텐츠 찜하기 기능
  • 컨텐츠 검색 기능 구현
  • 다양한 애니메이션 적용 (검색창, 스크롤 이벤트 등)
  • 반응형 디자인 (웹, 태블릿, 모바일)
  • ThemeProvider를 통한 테마 변경 (4가지)
  • AWS EC2 배포
  • react
  • redux saga
  • styled-componentss
  • express
  • mongodb
  • aws ec2

우산챙겨

팀 프로젝트(3명) • 프론트엔드 • Github(Readme)

2020.10. - 2020.11. (1개월)

  • 백엔드 2명, 프론트엔드 1명으로 구성된 팀 프로젝트
    • 프론트엔드 파트 주도적 개발
  • Expo의 통합 API로 iOS와 Android에서 일관된 사용자 경험 제공
    • 위치 권한 처리 차이 및 지도 렌더링 문제 해결
  • OpenWeather API를 활용한 실시간 날씨 데이터 연동
    • 사용자 등록 일정에 맞는 날씨 정보 제공
  • 일정 관리 예외 처리
    • 이벤트 스케줄러를 통해 지나간 일정 자동 삭제 기능 구현
  • react native(expo)
  • typescript
  • redux saga
  • styled-componentss
  • s3
  • ec2
  • rds

개인 블로그 제작 • Github(Readme) 회고

2020.07. - 2020.08. (2개월)

  • spicycookie.me에서 개인 기술 블로그 운영 중
  • Gatsby.js로 제작한 반응형 정적 웹 블로그
  • gatsby-stater-hello-world를 기반으로 전체적인 구조, 디자인 기획
  • 반응형 디자인 (웹, 태블릿, 모바일)
  • ThemeProvider를 통한 테마 변경 (4가지)
  • Netlify를 통한 배포 및 관리
  • gatsby.js
  • graphql
  • styled-components
  • netlify

Skills

Communication

  • 비개발자와도 기술적 요구사항을 쉽게 설명하고, 피드백을 수용하여 문제를 해결하는 능력을 갖추고 있습니다.
  • 코드 리뷰 및 피드백 세션을 통해 팀의 코드 품질을 높이는 것을 지향합니다.

Frontend

  • React로 인터랙티브한 웹 애플리케이션을 개발해본 경험이 많습니다.
  • Next.js의 Page Router와 App Router 환경에 모두 능숙합니다.
  • CSR, SSR, SSG 방식을 활용해 프로젝트 요구 사항에 최적화된 렌더링 방식을 적용할 수 있습니다.
  • React Native를 활용하여 모바일 앱을 출시하고 업데이트할 수 있습니다.
  • 다양한 브라우저에서 트러블 슈팅을 통해 호환성 문제를 해결한 경험이 많습니다.
  • Sass, Styled-components, Emotion, Tailwind 등으로 사용자 맞춤형 UI를 구현할 수 있습니다.
  • 웹 접근성 및 SEO 최적화 작업 경험이 있습니다.

Backend

  • Node.js를 사용한 RESTful API 및 GraphQL API 설계와 서버 구축 경험이 있습니다.
  • Prisma ORM을 사용해 데이터베이스 관리를 해본 경험이 있습니다.
  • Next.js API Routes를 사용해 클라이언트와 서버 간 원활한 통신을 구현한 경험이 있습니다.

Education

경성대학교

컴퓨터공학과 전공 • 2013.03. - 2019.02.

  • 피싱사이트 구축하기 | 경성대학교 보안기술 경진대회 장려상 PDF

Certificate

정보처리기사

한국산업인력공단 • 2019.05