안녕하세요, 1년 6개월차 프론트엔드 개발자 이유연 입니다.
React, Next.js, TypeScript 기반으로 DAU 700~2,000명의 B2B 관리자 시스템을 개발했습니다. Chart.js·D3 기반 대시보드 40개 화면 구현, 한·영·러 3개국어 i18n 처리, pnpm workspaces + Turborepo 기반 모노레포 아키텍처 구축까지 프로젝트 전 주기를 직접 경험했습니다.
고객사 3곳의 OS 환경이 달라 배포 스크립트가 매번 달랐고, 현장 배포마다 30분 이상 소요되는 병목이 발생했습니다. 해당 문제를 단순히 인프라 담당에게 넘기지 않고 Docker 컨테이너 기반 배포를 제안 및 구축하여 배포 시간을 30분 → 5분으로 단축했습니다. Jenkins + Harbor 기반 배포 자동화로 운영 안정성도 확보했습니다.
40+
대시보드 화면
2,000
Peak DAU
5min
배포 시간
i18n ×3
다국어 지원
Tech Stack & Tools
실무 경험 기반 · 역할 중심 분류
Work History
클릭하면 상세 이력이 펼쳐집니다
B2B SaaS 관리자 시스템 개발 및 운영. DAU 700~2,000명 규모의 산업 현장 모니터링 플랫폼을 주도적으로 개발했습니다.
- React · Next.js · TypeScript 기반 관리자 대시보드 40개 화면 설계 및 구현
- Chart.js · D3.js 활용 실시간 데이터 시각화 및 대용량 차트 성능 최적화
- 한·영·러 3개국어 i18n 아키텍처 설계 및 전체 적용
- pnpm workspaces + Turborepo 기반 모노레포 도입으로 중복 코드 80% 제거
- Docker 컨테이너 기반 배포 전환으로 현장 배포 시간 30분 → 5분 단축
- Jenkins + Harbor 기반 CI/CD 파이프라인 구축으로 운영 안정성 확보
- Salesforce LWC 기반 사내 솔루션 1개월 독립 개발 후 AppExchange 배포 성공
실제 운영 중인 서비스부터 Chrome Extension, SEO 수익화 모노레포까지 다양한 개인 프로젝트를 진행 중입니다.
- 빛나는 별 심리상담센터 공식 웹사이트 — Next.js + Supabase + Vercel 운영 중
- Smart Tab Manager Chrome Extension 개발 — Manifest V3 기반, Chrome 웹스토어 심사 중
- SEO 엔터테인먼트 모노레포 — 연봉 계산기, MBTI AI, 타로 등 4종 서비스 Vercel 배포
- Gemini AI API 연동 및 소셜 공유 카드 생성 기능 구현
What I've Built
문제 → 해결 → 결과 구조로 정리한 실무 프로젝트
업무 프로젝트
근로자 건강 데이터 모니터링 웹
관리자 화면 약 40개 구성 (데이터 시각화 및 CRUD)
DAU 700~2,000명 / 다국어(한·영·러) 지원
건설현장 모니터링 관리자 웹
대규모 B2B 기업 고객을 위한 맞춤형 솔루션
건설 현장 및 장비 관리, 장비 데이터 시각화
Salesforce 기반 사내 솔루션
Salesforce AppExchange용 사내 솔루션
Lightning Web Components(LWC) 기반 서비스 및 관리자 화면 개발
개인 프로젝트
빛나는 별 심리상담센터
실제 운영 중심리상담센터의 공식 웹사이트. Supabase를 연동하여 실제 운영 중인 서비스입니다.
Smart Tab Manager
현재 Chrome Extension 심사중탭이 20개를 초과하면 도메인 기준으로 자동 그룹핑하고, 최근 탭 1000개를 로컬에서 검색할 수 있는 크롬 확장 프로그램.
SEO 엔터테인먼트 모노레포
vercel 배포 완료pnpm workspaces + Turbo 기반 모노레포로 구성한 Gemini AI 연동 엔터테인먼트 웹 4종.
How I Think & Work
문제 해결 방식 · 업무 철학
협업하는 개발자
문제: Salesforce 개발 경험 전무
- Lightning 플랫폼 이해 부족
- Salesforce Ecosystem 및 개발 제약사항 관련 지식 부재
해결: 1개월 간의 데일리 세미나
- Scratch 환경 구축
- LWC 제약사항 파악
- 모바일 웹뷰와 크로스 브라우징 대응
- 보일러플레이트 및 테스트 코드 PR 리뷰 등 AI 활용
결과: AppExchange 솔루션 배포
- Salesforce Lightning앱 요구사항 및 보안 충족
- 패키지 배포 성공적으로 완료
해결하는 개발자
Before: SI 프로젝트의 코드 파편화 문제
- 고객사별 커스텀 요구사항으로 인한 별도 프로젝트 리포지토리로 관리
- 동일한 비즈니스 로직과 UI 컴포넌트의 중복
- 전체 유지보수 비용 증가
After: 모노레포 아키텍처 도입
- 각 프로젝트 apps로 분리, 공통 UI, Utils, 다국어 등 공통 packages로 관리
- 컴포넌트 재사용 및 일관된 공급원 관리
- 코드 중복 제거 및 개발 생산성 대폭 향상
생각하는 개발자
반복되는 배포 비효율을 직접 분석하고 Docker 기반 구조로 전환
환경 의존성 제거
고객사별 OS 차이로 인한 배포 파편화 문제를 Docker 컨테이너 기반 배포로 전환해 해결, 배포 시간 30분 → 5분 단축
배포 자동화 구축
Jenkins + Harbor 레지스트리를 활용해 이미지 빌드·푸시·배포 전 과정을 자동화하여 운영 안정성 확보
함께 일하고 싶은 개발자
안정적인 프로덕트 품질 관리를 위한 협업 및 프로세스 도입
책임감 있는 협업 소통
API 리뷰, QA 피드백, 기획 검토를 평균 1일 이내 처리하며 타 부서 협업의 병목을 최소화
선제적 품질 관리
QA 이관 전 TC를 직접 검증하는 방식을 실천해 기본 이슈를 사전 차단, 해당 프로세스가 사내 preQA 프로세스로 공식 정착되는 결과를 가져옴
함께 성장할 기회를 놓치지 않고 끝까지 책임지고 해내는 개발자가 되겠습니다.
© 2025 이유연 · Built with Next.js & TypeScript
010-2825-6919