홈으로/Projects
05 Projects

What I've Built

실무 및 개인 프로젝트

업무 프로젝트3
01
(주)지비소프트·
Next.jsReactD3i18nDocker

근로자 건강 데이터 모니터링 웹

40+
화면 구성
2,000
Peak DAU
30→5min
배포 시간

Overview

관리자 화면 약 40개 구성 (데이터 시각화 및 CRUD)
DAU 700~2,000명 / 다국어(한·영·러) 지원

Technical Details

  • 01

    Chart.js 및 D3를 활용한 대시보드 차트 구현 (관리자 화면 약 40개)

  • 02

    한·영·러 3개국어 i18n 기반 다국어 처리

  • 03

    고객사 3곳의 OS 차이로 인한 배포 파편화 문제를 Docker 이미지 방식으로 전환, 배포 시간 30분 → 5분 단축

  • 04

    pnpm workspaces + Turborepo 기반 모노레포 도입으로 고객사별 중복 코드 제거 및 빌드 효율화

02
(주)지비소프트·
Next.jsReactD3ReactQueryKakaoAPI

건설현장 모니터링 관리자 웹

Overview

대규모 B2B 기업 고객을 위한 맞춤형 솔루션
건설 현장 및 장비 관리, 장비 데이터 시각화

Technical Details

  • 01

    Chart.js 및 D3를 활용한 데이터 시각화 구현

  • 02

    React Query 기반 데이터 캐싱

  • 03

    Kakao Map API를 활용한 지도 기반 시각화

  • 04

    API 폴링(Polling)으로 근실시간 차량 위치 표시

  • 05

    pnpm workspaces + Turborepo 기반 모노레포 구조로 비즈니스 로직 및 컴포넌트 재사용, 유지보수성 향상

03
(주)지비소프트·
SalesforceLWCApex연동

Salesforce 기반 사내 솔루션

Overview

Salesforce AppExchange용 사내 솔루션
Lightning Web Components(LWC) 기반 서비스 및 관리자 화면 개발

Technical Details

  • 01

    Salesforce 개발 경험 전무 상태에서 1개월 내 독립 개발 완료 (AppExchange 패키지 배포 성공)

  • 02

    Salesforce ecosystem에 맞춘 Scratch 환경 구축

  • 03

    모바일 웹뷰 개발 및 크로스 브라우징 대응

  • 04

    AI 활용 PR리뷰·단위 테스트 코드 작성, playwright MCP 기반 통합 테스트 자동화

개인 프로젝트3
01

빛나는 별 심리상담센터

실제 운영 중

심리상담센터의 공식 웹사이트. Supabase를 연동하여 실제 운영 중인 서비스입니다.

  • 01Supabase 연동으로 데이터 관리 및 실시간 업데이트 구현
  • 02Kakao Maps API를 활용한 위치 서비스 제공
  • 03Vercel 배포 — DDoS 보호, 자동 SSL, Edge Network 적용
  • 04정적 사이트 구조로 서버 비용 없이 운영
Next.js 14TypeScriptTailwindCSSSupabaseVercelKakaoMap API
GitHub에서 보기
02

Smart Tab Manager

현재 Chrome Extension 심사중

탭이 20개를 초과하면 도메인 기준으로 자동 그룹핑하고, 최근 탭 1000개를 로컬에서 검색할 수 있는 크롬 확장 프로그램.

  • 01탭 20개 초과 시 도메인 기준 자동 그룹핑 및 색상 코드 부여
  • 02제목·URL·도메인 기준 실시간 검색 (외부 API 없이 로컬 처리)
  • 03최근 닫은 탭 스마트 추천 및 원클릭 재오픈
  • 04chrome.storage.local 기반 탭 히스토리 최대 1000건 저장
  • 05Alt+S (검색), Alt+G (그룹핑) 키보드 단축키 지원
JavaScriptHTMLCSSChrome ExtensionManifest V3
GitHub에서 보기
03

SEO 엔터테인먼트 모노레포

vercel 배포 완료

pnpm workspaces + Turbo 기반 모노레포로 구성한 Gemini AI 연동 엔터테인먼트 웹 4종.

  • 01연봉 계산기 — SEO 최적화 및 AdSense 수익화 적용
  • 02MBTI AI 해석기 — Gemini 기반 결과 생성 및 소셜 공유 카드
  • 03문장 변환기 — 원클릭 복사 기능의 문체 변환 서비스
  • 04타로 리딩 — 개인화된 오늘의 운세 기능
  • 05공통 packages(UI, utils, i18n)를 apps 간 공유하는 모노레포 구조
Next.js 14TypeScriptTailwindCSSshadcn/uiGemini APIpnpmTurboVercel
GitHub에서 보기
포트폴리오로 돌아가기