우상욱 - Frontend Engineer

Phone: 010-2331-8579

Email: raincoat@kakao.com

GitHub: https://github.com/raincoat98

Blog: https://raincoat98.github.io/

Introduce.

확장성과 안정성을 갖춘 서비스 개발에 집중하는 프론트엔드 엔지니어 우상욱입니다.
React와 Vue.js 기반으로 다양한 웹 서비스를 개발하며, UI/UX 개선에 집중해 왔습니다.

개발자로서 단순한 화면 구현을 넘어, 사용자가 더 쉽고 빠르게 목표를 달성할 수 있는 경험을 설계하고,
장기적으로 유지보수가 가능한 안정적인 프론트엔드 아키텍처를 설계하는 것을 목표로 하고 있습니다.

앞으로는 대규모 웹 서비스 환경에서 검증된 기술과 체계적인 협업 프로세스를 바탕으로,
서비스의 확장성과 안정성을 확보하며 사용자 중심의 가치 있는 경험을 제공하는 개발자로 성장하고자 합니다.

Work Experience.

메타에스앤씨 - Frontend Engineer

(2023.01 ~ 현재)

펜차트 - 한의원 수술 동의서 시스템

• 문제: 네트워크 불안정 시 이미지 저장 누락 → 동의 기록 손실 위험,
  기존 UI 불편으로 환자·의료진 경험 저하
• 역할: 기존 React + Excalidraw 기반 시스템 유지·관리 및 기능 개선 담당
• 개선 사항: 하이라이트 색상 저장 기능 추가 → 반복 입력 없이 동일 스타일 유지,
  오프라인 모드 + 로컬 복구 로직 보완, 저장 실패 시 자동 재전송 처리
• 성과: 저장 누락률 0%에 근접, 의료 현장 안정성 강화,
  사용 편의성 향상 → 동의서 완결률 및 의료진 업무 효율 개선

다이트한의원 처방·배송·이커머스 관리 시스템 (2023 ~ 현재) - 신규 구축

• 문제: 기존 처방 관리가 엑셀·수기로 운영되어 입력 오류 및 배송 지연이 잦았으며,
  도시락/음식 주문은 별도 관리 → 환자 혼란 및 운영 비효율 발생
• 기여:
  • 기획 단계부터 참여하여 고객관리(CRM) 시스템으로 설계 및 구축
  • Vue 기반 SPA 아키텍처 설계, Pinia 상태 관리 + Vite 빌드 환경 적용
  • 처방 → 환/탕 처방 고도화 → 배송 관리 → 이커머스 관리(도시락/음식 상품)까지 단계별 확장 개발
  • NICE 결제 단말기 연동으로 온·오프라인 결제 통합 처리
  • Cursor 활용해 폼 검증, 데이터 동기화 로직 리팩토링 및 자동화
• 성과:
  • 2년간 지속적인 기능 고도화 및 운영 → 단순 처방 관리 시스템을
    종합 의료·이커머스 관리 플랫폼으로 확장
  • 처방 입력 시간 40% 단축, 오류율 대폭 감소
  • 배송·상품 주문·결제를 한 화면에서 통합 관리 → 작업 전환 30% 감소
  • 원내 직원이 처방 + 도시락 주문을 한 번에 처리 및 주문 가능 → 업무 효율성 향상 및 병원 매출 기여

(주)샘터 - Frontend Engineer

(2017.01 ~ 2022.04)

📦 SIMS – 재고 관리 시스템

• 문제: Excel 기반 재고 관리 → 버전 충돌·데이터 오류 발생
• 구현: React.js 기반 웹 시스템 전환, 실시간 작업 공유/조회 기능 개발
• 성과: 재고 관리 프로세스의 안정성과 정확성 확보,
  실시간 공유로 협업 환경 개선, 업무 흐름 최적화

🏭 SamKapp 스마트팩토리 솔루션

• 문제: 생산 데이터 수집/모니터링 체계 부재 → 실시간 대응 불가
• 구현:
  • PLC 설비 장비와 OPC 통신 클라이언트 제작 → 설비 데이터 실시간 수집 가능
  • 생산 데이터 추적 및 모니터링 UI 개발
  • 프로그램 현장 설치 및 유지 관리 직접 수행
• 성과: 정부 스마트팩토리 과제 8건 성공 수행, 생산 데이터 가시성 강화,
  현장 생산 효율 및 품질 관리 고도화

🛒 이커머스 플랫폼 고도화

• 문제: UI 노후화, 결제 안정성 부족
• 개선: UI 전면 개선, 상품 관리 기능 확장, 이니페이 결제 모듈 안정적 연동
• 성과: 안정적인 온라인 결제 환경 구축, 사용자 이탈률 감소, 매출 안정화

📐 이미지 뷰어

• 개발 내용: 웹 기반 3D 또는 다수의 이미지 파일로 형성된
  회전 객체에 좌표값으로 태그를 설정하는 프로그램
• 역할: 기능 개선 작업 및 유지 보수 담당
• 성과: 사용자 태깅 편의성 개선 및 현장 엔지니어 활용성 강화

Side Projects.

🔖 BookmarkHub (Chrome 확장 프로그램)

• 문제: 브라우저 기본 북마크 관리 불편
• 구현:
  • React + Vite 기반 확장 프로그램 개발
  • Firebase Authentication + Firestore로 로그인·북마크 동기화
  • Zustand로 전역 상태 관리
  • NAS + Docker 기반 서버 환경 구성 및 개인 도메인 연결
  • Cursor·GPT 활용 → CRUD 로직 자동화, 코드 리팩토링, 문서화 지원
• 성과: 기획부터 개발·배포까지 100% 단독 진행,
  Manifest V3 인증 작업 후 크롬 웹스토어 등록 예정,
  운영 환경 자동화 및 개발 효율 20% 이상 향상
• 링크: https://bookmarkhub-5ea6c-dashboard.web.app/

📸 인생네컷 스타일 온라인 포토부스

• 문제: 행사 현장에서 즉석 사진 제공 수요, 기존 솔루션 비용 부담
• 구현:
  • React + Webcam 기반 촬영 서비스 개발
  • MinIO 기반 이미지 저장, QR 다운로드 기능 제공
  • Docker + Nginx 기반 서버 배포, NAS에 도메인 연결하여 실제 운영
  • Cursor·GPT 활용 → UI 개선 및 성능 최적화 지원
• 성과: 실제 교회 행사 운영 적용, 사용자 접근성 개선 및 운영 효율 강화
• 링크: https://photo-box.kingwook.com/

🛒 이커머스 쇼핑몰 템플릿 (2025.02, 3일 개발 – 프론트엔드 MVP 완성, 백엔드 진행 중)

• 개발 배경: 지인 1인 사업자가 오프라인에서만 판매 → 온라인 확장을 돕기 위해 개인 프로젝트로 착수
• 해결:
  • React + Next.js + GSAP + Zustand 기반으로 3일간 프론트엔드 MVP 개발
  • 상품 등록, 상품 목록 조회, 장바구니, 주문 관리 등 프론트 핵심 플로우 구현
  • Firebase를 활용한 백엔드(인증, 데이터 저장, 주문 처리)는 현재 개발 진행 중
• 성과: 3일 만에 실제 운영 가능한 프론트 MVP 완성,
  1인 사업자가 직접 상품 등록부터 주문 관리까지 가능한 구조 확보,
  추후 백엔드 연결 시, 즉시 운영 가능한 수준으로 설계
• 링크: https://fashion-e-commerce-yarw.vercel.app/

Skill Set.

• Frontend: React.js, Vue.js, Next.js, TypeScript, JavaScript, GSAP
• State Management: Zustand, Pinia
• Backend: Nest.js, Node.js(Express), Firebase
• Infra & Cloud: AWS, GCP, Docker, NAS(도메인 연결 운영 경험)
• Database: PostgreSQL, MariaDB, MySQL, MsSQL
• Tools: Git, Jira, Confluence, Notion, Figma, Cursor, GPT, Vite

자격증

• 정보처리기능사
• 웹디자인기능사
• GTQ

교육수료

• Java Framework & Android Developer 과정 (2016.06 ~ 2016.12)
• AWS Builders Korea Program (2022.10): EC2, S3, Lambda 실습
• 스마트팩토리 설비데이터 실무 교육 (2021.10): ML/AutoML 기초 및 실무 적용

학력

• 양영 디지털고등학교 소프트웨어 개발과 (2014.03 ~ 2017.02)