1. 유진투자증권 AI OSP 구축 프로젝트

2026.03 ~ now  

React JavaScript Axios Tailwind CSS

AI OSP 서비스 운영을 위한 내부 관리자 전용 웹 애플리케이션을 개발하였습니다.

담당 업무

사용자 권한 관리 페이지 개발

• 관리자가 사용자별 업무 권한을 조회·부여·수정할 수 있는 페이지 개발
• 업무별 도메인에 걸친 권한 체계 UI 구현
• 체크박스 다중 선택 기반의 일괄 권한 설정 기능 구현

업무별 AI 분류기 지정·수정 기능 구현

• AI OCR 분류기 목록을 서버에서 조회하여 Select-Box 형태로 렌더링
• 업무별 분류기 지정 및 수정 기능 구현, 변경 내용 즉시 반영

REST API 연동 및 비동기 상태 관리

• Axios를 활용한 CRUD API 연동 및 useEffect + useState 패턴 기반 비동기 데이터 페칭 구현
• path variable / query string / request body 등 다양한 파라미터 방식의 API 명세 대응

신규 컴포넌트 개발 및 예외 케이스 처리

• 업무별 권한 라벨을 표시·추가·삭제할 수 있는 컴포넌트 신규 개발
• 관리자 권한 제한, 삭제 불가 업무 등 예외 상황에 대한 안내 모달 및 분기 처리 구현

 

 

2. 중앙부처 이미지 관리 시스템 구축 프로젝트

2025.07 ~ 2026.01 🔗 WebForm Viewer 소개  

HTML5 CSS3 JavaScript JSP WebSocket jQuery

기존 Internet Explorer(ActiveX 기반) 환경의 고객사 내부 이미지 시스템을, 크로미움 기반 네이버 웨일 브라우저 환경에 맞춰 전면 고도화한 프로젝트입니다.

담당 업무

• IE + ActiveX 기반으로 작성된 기존 화면단 코드를 크로미움(네이버 웨일) 환경에 맞게 수정 및 리팩토링
• ActiveX 의존 로직 제거 후 HTML, CSS, JavaScript 기반 웹 표준 코드로 전환
• 인지소프트 WebForm Viewer를 기존 이미지 시스템 화면에 적용하기 위한 화면단 개발
• 이미지 시스템 내 주요 화면 약 20종에 대한 CSS 리뉴얼 작업 수행
• 데스크톱 · 노트북 등 다양한 크기의 디바이스 환경을 고려하여 반응형 레이아웃 및 CSS 구조 재설계
• 공통 영역과 화면별 스타일을 분리하여 CSS 구조 정리 및 중복 제거
• 크로미움 기반 브라우저(Whale)에서의 레이아웃 깨짐, 스타일 충돌 등 UI 이슈 수정

성과 및 결과

• IE 전용 ActiveX 환경에서 벗어나 크로미움 기반 브라우저에서 정상 동작하는 웹 표준 시스템으로 전환
• ActiveX 100% 제거로 보안·유지보수 리스크 감소
• 노후화된 UI를 현대적인 디자인으로 개선하여 가독성과 사용성(UX) 향상
• 반응형 레이아웃 적용으로 해상도 차이에 따른 UI 깨짐 이슈 해소
• 공통 CSS 구조 정비를 통해 디자인 일관성 확보 및 유지보수 효율 향상
• 향후 화면 추가·수정 시 CSS 수정 범위를 최소화할 수 있는 구조 마련

 

 

3. 유진투자증권 AI 문서 인식 성능 향상 프로젝트

2025.05 ~ 2025.06 🔗 서버 AI OCR 소개
NLP 문서 인식 데이터 라벨링 정답 데이터 작성 AI

AI 문서 인식 모델(AI OCR) 학습 데이터 라벨링 및 정답 작성

• 국세청, 세무서, 법원, 검찰, 경찰 등 공공기관 문서 대상 라벨링 수행
• 예외적/엣지 케이스 발생 시 연구팀과 라벨링 기준 정의 및 논의
• 정답 데이터 작성 병행을 통해 모델 학습 정확도 향상에 기여

보안망 내 서버 환경에서 데이터 전처리 및 변환 자동화

• 고객사 내부망에서 운영되는 전용 서버에 접근해 Docker 및 쉘 스크립트 기반 작업 수행
• PDF → JPG 이미지 변환 및 이미지 분류 작업 자동화로 대량 문서 처리 효율화

AI 인식 결과 분석 및 품질 피드백 제공

• 모델 인식 결과 분석을 통해 Field ID 오류, 오인식, 저성능 영역 식별
• 후처리 필요 영역 파악 및 문서 유형별 성능 편차 분석
• 연구팀에 정량적/정성적 피드백 제공하여 AI 모델 개선에 기여

B2B팀 기업교육 랜딩 페이지 iteration

2024.09 ~ 2024.12 🔗 팀스파르타 B2B

Next.js React TypeScript styled-components Storybook Vercel Amplitude

 

• 기업 교육 신청을 위한 반응형 랜딩 페이지 개발 및 Vercel을 통한 배포 관리
• Amplitude 로그를 통해 유저 관심 영역, 클릭 데이터를 PM이 모니터링할 수 있도록 구현

성과

• 배포 이후 메인 페이지 PV(Page View) 약 +1000 증가
• 메인 PV SQL PV 전환율 5.2% 달성 (기존 대비 +57% 개선)
• 메인 PV SQL 제출 전환율 0.5% 달성 (기존 대비 +60% 개선)

 

인텔리픽 서비스 Storybook 제작

2024.10 ~ 2024.12 🔗 인텔리픽 서비스
Storybook React TypeScript

인텔리픽 서비스는 팀스파르타에서 주관하는 내일배움캠프의 수료생들을 대상으로 한 취업 지원 서비스입니다.

• UI 컴포넌트를 테스트 및 문서화하며, 기존 컴포넌트 기반으로 스토리북 제작
• PM 및 디자이너와 같은 내부 고객들과 개발자 간 효율적인 협업 개선에 기여

   

스파르타코딩클럽 디자인 QA

2024.11 ~ 2024.11 🔗 스파르타코딩클럽
Next.js React TypeScript vanilla-extract

온라인 강의 서비스 QA 지원

• 온라인 강의 서비스(강의 목록, 로그인, 결제, 강의 수강 화면 등)의 디자인 QA 작업 지원
• QA Engineer와 협력하여 이전 개발자들이 맡았던 화면에 대해 QA 진행, 우선순위에 맞춘 수정 작업 수행
• 디자이너 및 PM과 협력하여 QA 사항들을 수정하고, 최종 검수 후 디자인 및 기획에 맞는 품질 개선

협업 및 커뮤니케이션

• QA 결과를 바탕으로 팀 간의 원활한 소통을 통해, 우선순위에 맞는 개선 작업을 효율적으로 처리
• 다양한 팀(디자인, 기획, 온라인팀)과의 협업을 통해 빠른 피드백과 문제 해결