미리보기

글로벌 거래소 플랫폼 공급사업을 진행하는 곳으로 해외에서 크립토 거래가 잘 운영될 수 있도록 서비스 초기 설계부터 런칭, 유지보수 및 개발을 진행중입니다.

• 글로벌 코인 거래소 웹 개발 및 유지보수
• 거래소 관리자(Admin) 서비스 풀스택 개발 및 유지보수
• 회사 홈페이지 정적 사이트 구현 및 배포
• 사내 직원 이용 간식 주문 플랫폼 풀스택 개발 및 배포

글로벌 코인 거래소 초기 구축부터 개발 및 유지보수
서비스 확인 링크

기술 스택

• 메인 서비스

  • Nuxt3, Pinia, TypeScript, Windi CSS, TradingView

• 관리자 서비스

  • Front-end : Svelte, React, Windi CSS, TypeScript

  • Back-end : Express, Prisma, MongoDB, MySql

주요 내용

1. 메인 서비스 (Front-end)

• 중복 UI 컴포넌트 통일 및 이미 사용되고 있는 UI를 볼 수 있게 템플릿 페이지 별도 작업

• Composition API를 활용한 코드 구조 개선 및 상태 관리 최적화

  • API 호출부터 페이지 렌더링까지 동일한 패턴 적용

  • 컴포넌트 간 props drilling이 크지 않는 곳은 전역관리 제거

• TradingView 차트 커스터마이징

• 대수 계산 라이브러리(BigNumber.js)를 활용한 자바스크립트 숫자 가격 표기 오류 해결

• 거래소 솔루션 화를 위한 디자인 요소 config화 작업

• 소켓 연결 시, 초기 1회 연결 후 페이지 이동 시에도 새로운 소켓이 생성되지 않도록 store를 활용하여 소켓 상태를 지속적으로 관리

• Chart.js 기반 공통 차트 컴포넌트 개발

• Google reCAPTCHA를 활용한 로그인 보안 강화

• Vue I18n을 활용한 다국어 지원

2. 관리자 서비스 (Full-stack)

• Svelte로 구성된 프론트엔드 코드를 협업 및 인수인계의 용이성을 위해 React로 전환

• 백엔드 코드 리팩토링(모듈 구조 -> 3계층 구조)

• 레거시 코드 문서화

• 스케쥴링을 활용한 일간/시간 단위 데이터 가공

• 역할 기반 접근 제어(RBAC) 구현

• OTP 기반 2차 인증 도입(VPN 대체)

• AWS S3를 활용한 프로필 이미지 업로드 기능 구현

사내 직원들의 편의를 위한 간식 주문 플랫폼

기술스택

• Front-end : Next, Windicss, TypeScript
• Back-end : Express, MongoDB
• Devops : vercel, ec2

주요내용

• 등급별 권한 설정을 통한 주문 관리
• 주문 링크 입력 시 썸네일을 불러와 정보 표출
• 주문 / 취소 / 완료 에 관한 상태 변경을 슬랙 채널을 통해 실시간 전달
• vercel을 통한 프론트엔드 자동 배포 구현
• routes/controller/service/models/repository 의 계층을 나눠 추후 유지보수의 용이성을 고려하여 api 개발
• https 인증서 적용

해외 마케팅을 위한 다국어 회사 홈페이지 개발
서비스 확인 링크

기술스택

Nuxt3, TypeScript, Windicss, Aws S3

주요내용

• Aws S3 버킷을 활용한 정적 사이트 배포
• i18n을 활용한 다국어(4개국) 처리₩
• 홈페이지 반응형 ui 개발

평소 활동하는 러닝크루의 모임을 더 쉽게 해줄 수 있는 서비스
https://github.com/ErunJrun/ErunJrun_FE

기술스택

React, React-redux, styled-components, socket.io, kakaomap api

주요내용

• Suspense, Lazy Loading, 화면에 맞는 이미지 리사이징을 통한 성능 최적화 진행
  • Lighthouse 성능 점수 49점에서 → 82점으로 향상
  • 업로드 속도 (고화질 5mb / 2장 이상 기준) 632ms → 274ms 단축
  • 이미지 사이즈 5mb 이상 → 1mb 이하 축소
• 실제 유저 테스트 후 유저 피드백 반영 경험
  • 참여방에서의 채팅 기능에 대한 요구로 socket.io를 활용하여 실시간 채팅 기능 구현
• 카카오 맵을 활용하여 러닝 코스 검색, 그리기, 거리 계산 기능 구현
• axios Interceptor를 활용하여 request/response 상황별 에러 핸들링
• AWS Amplify와 github를 연동하여 자동 배포 진행