신현중 | 프론트엔드개발자
모바일·태블릿·PC·TV 등 다양한 환경에 대응하는 화면을 개발합니다.
next-intl 기반 다국어 지원과 TanStack Table·D3.js를 활용한 데이터 시각화 경험이 있습니다.
팀 프로젝트로 2회 우수상을 수상했습니다.
Skills
Strong
JavaScript
TypeScript
React
Next
knowledgeable
D3.js
Vue.js
Python
Django
Flutter
ETC
Tanstack Query / Zustand / next-intl / Tanstack Table / Git / WebSocket / WebRTC / Jira / Figma
Career
위미르(주) · 기업부설연구소 주임연구원 / FE
2024.08 ~ 2026.02 (1년 7개월)MES의 기준정보·생산·품질·재고·매입매출 업무 전반을 아우르는 관리자 및 현장 운영 시스템을 React·Next 기반으로 구축하고 고도화했습니다.
- 데이터 접근 및 상태 관리 표준화: TanStack Query와 Zustand로 구조를 표준화하고 캐싱을 적용해 불필요한 API 호출 절감
- 제조 공정 시각화 대시보드 구축: Recharts·D3.js 기반 공정 흐름 시각화로 복잡한 제조 데이터의 의사결정 지원
- 반응형 UI 및 정합성 확보: 모바일·태블릿·PC 대응 화면 구현 및 기획-개발-운영 전 과정 소통으로 데이터 정합성 확보
주요 프로젝트4건 · 클릭하면 상세가 펼쳐집니다
MES 통합/현대화 구축
방산 전자부품 제조사
2025.12 ~ 2026.02
MES 통합/현대화 구축
방산 전자부품 제조사
기존 MES를 item 중심 구조로 확장하고, 모니터링·QR·태블릿을 포함한 통합 운영 환경으로 고도화
담당
- 아키텍처 설계 & 패턴 표준화: 레거시(material/product) 구조와 신규 item 도메인이 공존하도록 설계하고, TanStack Query 중심의 data-access 패턴(models/service/queries/useQuery)을 도입해 데이터 흐름 일관성 확보
- 권한 제어 체계 명확화: PermissionGate 컴포넌트와 경로 기반 권한 훅으로 사용자 권한별 UI 접근 제어
- 현장-관리자 데이터 연동: 모니터링, QR 스캔, 태블릿 화면을 하나의 운영 흐름으로 연결해 현장 작업자와 관리자 간 데이터 연동 통합
- 접속 안정성 향상: 인증 자동 갱신 로직 개선 및 디바이스별 라우팅 처리로 멀티 디바이스 접근성 향상
성과
100페이지 이상의 대규모 모듈 확장에도 대응 가능한 프론트엔드 구조 정착 및 운영 기반 마련
MES 요구사항 고도화
금속 가공/프레스 제조사
2025.07 ~ 2026.01
MES 요구사항 고도화
금속 가공/프레스 제조사
초기 구축 이후 고객 요구사항을 바탕으로 생산·재고·수주 프로세스를 재설계하고 기능 고도화
담당
- 자재 처리 & 자동 계산 UI: BOM 기반 자재 처리 및 총중량 자동 계산 로직을 UI에 구현해 현장 입력 정확도 향상
- 업무 프로세스 재구성: 수주 완료 이후의 수정·취소·이월 등 실제 현장 운영 시나리오를 반영한 업무 프로세스 및 UI 재구성
- 데이터 정합성 개선: 입고 처리 후 재고 반영 과정에서 발생한 데이터 불일치 원인을 분석하고 로직 수정
- 운영 리스크 최소화: 요구사항 변경 이력과 우선순위를 문서 기반으로 관리해 개발·배포 과정의 운영 리스크 최소화
성과
복잡한 예외 시나리오를 안정적으로 시스템에 흡수해 현장 편의성과 데이터 신뢰성을 확보한 업무 흐름 구축
MES 관리자 시스템 구축
전선 제조사
2025.02 ~ 2025.12
MES 관리자 시스템 구축
전선 제조사
생산·재고·품질 등 제조 전반을 관리하는 대규모 MES 관리자 웹 시스템 구축
담당
- 공통 컴포넌트 모듈화: 도메인별 입력 폼과 관리자 뷰를 구현하고, TanStack Table 기반 공통 DataTable을 설계해 정렬·필터링·페이징·다중 선택을 재사용 가능하도록 모듈화
- 대용량 데이터 처리 효율화: Excel 대량 업로드/다운로드 기능으로 수기 입력을 최소화하고 관리 업무 효율화
- 안정적인 시스템 아키텍처: data-access 패턴으로 API 호출 및 데이터 가공 로직을 표준화하고, 일관된 인증 갱신·공통 에러 핸들링 구조 적용
성과
관리자 화면 전반에 공통 컴포넌트와 표준 데이터 패턴을 정착시켜 신규 도메인 확장 시 개발 리소스 절감
엔진 공정 MES 구축
자동차 부품 제조사
2024.12 ~ 2025.02
엔진 공정 MES 구축
자동차 부품 제조사
엔진 번호 기반 공정 추적과 태블릿 체크시트 입력을 중심으로 한 MES 운영 시스템 구축
담당
- 실시간 데이터 연동: 엔진 번호를 기준으로 공정 데이터 입력·상태 유효성 검증·공정 완료 처리 흐름을 구현하고, 태블릿 입력이 관리자 생산실적/모니터링 화면에 즉시 연동되도록 인터페이스 설계
- 현장 예외 처리 체계 구축: 리워크(Rework) 요청-처리-완료 프로세스 및 공지 기능으로 현장 운영 기능 확장
- 휴먼 에러 방지 & 검증: 입력 누락·중복 가능 구간에 엔진 번호 기반 유효성 검증을 적용하고, 웹과 태블릿 간 일관된 데이터 모델 기준으로 데이터 신뢰성 확보
성과
현장의 수기·단말 입력을 관리자 모니터링 체계와 일원화해 지연 없는 공정 추적 환경 구축
Side / Team Projects
CoA (6주/6명) · FE
우수상커밋 기반 프로젝트 기여도 분석 사이트
CoA (6주/6명) · FE
우수상커밋 기반 프로젝트 기여도 분석 사이트
담당
- 깃허브, 깃랩 통합 Contribution 차트 컴포넌트 제작
- 사용 언어 통계 차트 컴포넌트 제작
- 사용 언어 통계 barchartrace 컴포넌트 제작
- 프로젝트 기간 차트 컴포넌트 제작
- 분석결과 점수 Radar 차트 컴포넌트 제작
W-E (6주/6명) · FE
10대 청소년을 위한 금융 관리 앱
W-E (6주/6명) · FE
10대 청소년을 위한 금융 관리 앱
담당
- 로그인 페이지 제작
- 보안 키보드 컴포넌트 제작
- 가계부 및 지출 내역 통계 제작
UH (6주/6명) · FE
우수상WebSocket 활용 게임 사이트
UH (6주/6명) · FE
우수상WebSocket 활용 게임 사이트
담당
- 화상 통신 기능 구현: WebRTC session 생성 및 수정을 서버 측과 통신하여 기능 구현
- 대기방 채팅 기능 구현
- 게임 기능 구현
Award
우수상 · 삼성 청년 SW아카데미
우수상 · 삼성 청년 SW아카데미
Community
삼성 청년 SW아카데이
2023.07 ~ 2024.06Python, Vue.js, Django 등을 학습하고 팀 프로젝트를 3회 진행
코드스테이츠 경상남도 ABC-Lab 웹프론트엔드 개발자 부트캠프
2023.01 ~ 2024.04JavaScript, React, Recoil 등을 학습하고 팀 프로젝트를 1회 진행
Education
부산대 광메카트로닉스공학과
2016.03 ~ 2022.02학점: 3.82 / 4.5