미리보기

GDAC 간편거래 (Defi Swap)

• 블록체인 자산의 접근성을 높이기 위해 기존 거래소의 기능을 유지하면서, 사용자가 암호화폐를 쉽게 교환할 수 있는 DeFi Swap 을 개발
• 이를 통해 사용자들이 블록체인 자산을 더욱 쉽게 관리하고 교환할 수 있게 되어 플랫폼의 유용성과 경쟁력을 강화
• GDAC Design System 을 이용한 Swap 거래창, 메인 및 거래소 토큰리스트, 거래내역 개발, 개선 및 업데이트

GDAC Design System

• 기존의 일관되지 않은 디자인을 개선하고, 사용자 경험을 향상시키기 위해 GDAC Design System 구축하여 Button, Box, Typography, Spacing, Input 등을 이용하여 Modal, Button, 간격 등의 디자인을 통일화 하고 개선
• Figma를 활용하여 디자인 작업을 체계적으로 수행하고 Styled-Components를 이용해 디자인을 컴포넌트화하여 프로덕트에 적용함으로써 재사용성을 높이고 유지보수를 용이하도록 함
• Storybook을 활용하여 각 컴포넌트의 문서화 및 시각적 테스트를 수행, 디자인 시스템의 완성도를 높임
• 이를 통해 사용자 인터페이스의 일관성을 유지하고, 디자인과 개발 간의 협업 효율성을 극대화

프론트엔드 모던화 및 최적화 프로젝트

• 기존 JavaScript 코드를 TypeScript로 변환하여 코드의 안정성과 유지보수성을 향상
• Webpack4를 Webpack5로 업그레이드하여 빌드 성능을 개선하고 최신 기능을 활용할 수 있도록 함
• NodeJS를 16버전에서 20.12.0 버전으로 업데이트하여 최신 환경에 맞게 프로젝트를 최적화
• GA4를 활용하여 입출금 및 매매 등의 정보를 수집하고 모니터링하는 시스템을 고도화 진행. 이를 통해 사용자 행동을 분석하고, Data Driven Decision 을 바탕으로 한 의사결정을 지원하여 비즈니스 인사이트 강화
• 사용자 에러 로그를 Sentry를 통해 수집하고 모니터링하는 시스템을 구축 실시간으로 Jira Issue 등록 및 Slack 에 알림을 보낼 수 있도록 하여 고객센터의 문의로만 수정하던 기존 개발 프로세스를 개선하고, 실시간으로 오류를 파악하고 해결하여 제품의 안정성을 높힘

• 10 ~ 40 억원의 SI 프로젝트 다수 참여
• MES, ERP, 스마트팩토리 등 정부사업을 수행하였으며 유수의 대·중소기업의 생산자동화를 통한 불량률 감소, 생산률 증가 등 좋은 성과를 나타냄
• 시계열 데이터 베이스를 통해 설비에 부착 된 센서의 데이터를 수집하여 데이터를 차트, 표를 이용해 데이터를 시각화하는 작업을 진행
• 디지털 트윈 개발을 통해 실제 현장을 3D로 구현하여 데이터와 함께 보여주는 웹 개발을 진행

• 블록체인 자산의 접근성을 높이기 위해 기존 거래소의 기능을 유지하면서, 사용자가 암호화폐를 쉽게 교환할 수 있는 DeFi Swap 을 개발
• 이를 통해 사용자들이 블록체인 자산을 더욱 쉽게 관리하고 교환할 수 있게 되어 플랫폼의 유용성과 경쟁력을 강화
• GDAC Design System 을 이용한 Swap 거래창, 메인 및 거래소 토큰리스트, 거래내역 개발, 개선 및 업데이트

• 기존의 일관되지 않은 디자인을 개선하고, 사용자 경험을 향상시키기 위해 GDAC Design System을 구축
• Figma를 활용하여 디자인 작업을 체계적으로 수행하고, 디자인 시안의 일관성을 유지했습니다.
• Styled Components를 이용해 디자인을 컴포넌트화하여 React 프로젝트에 적용함으로써 재사용성을 높이고 유지보수를 용이하게 했습니다.
• Storybook을 활용하여 각 컴포넌트의 문서화 및 시각적 테스트를 수행, 디자인 시스템의 완성도를 높였습니다.
• 이를 통해 사용자 인터페이스의 일관성을 유지하고, 디자인과 개발 간의 협업 효율성을 극대화했습니다.

• 기존 JavaScript 코드를 TypeScript로 변환하여 코드의 안정성과 유지보수성을 향상
• Webpack4를 Webpack5로 업그레이드하여 빌드 성능을 개선하고 최신 기능을 활용할 수 있도록 함
• NodeJS를 16버전에서 20.12.0 버전으로 업데이트하여 최신 환경에 맞게 프로젝트를 최적화
• GA4를 활용하여 입출금 및 매매 등의 정보를 수집하고 모니터링하는 시스템을 고도화 진행. 이를 통해 사용자 행동을 분석하고, Data Driven Decision 을 바탕으로 한 의사결정을 지원하여 비즈니스 인사이트 강화
• 사용자 에러 로그를 Sentry를 통해 수집하고 모니터링하는 시스템을 구축 실시간으로 Jira Issue 등록 및 Slack 에 알림을 보낼 수 있도록 하여 고객센터의 문의로만 수정하던 기존 개발 프로세스를 개선하고, 실시간으로 오류를 파악하고 해결하여 제품의 안정성을 높힘

• 작업지시 및 상태 관리, 제품 품질에 관련된 상/하한 이탈 관리 화면을Axios, REST API 로 실시간 통신하는 이탈 알림 기능 개발로 불량률 20% 감소 효과
• webm, png 등의 미디어와 통신, 로직 부분을 모듈화 및 확장성을 고려한 모니터링 기능을 개발, 실제 라인의 생산성 32% 증대, 불량률 20% 감소
• 작업내역을 수기로 기록하던 프로세스를 레포트툴을 사용해 시스템화 하여 업무효율성 상승

• 반응형 웹, 크로스브라우징을 통해 사용하기 편한 UI를 구현하고 실제 현장 사용자들의 피드백을 수용해 수정하여 쉬운 학습성을 바탕으로 사용성 40% 상승효과를 가져왔음
• webm, png 등의 미디어와 통신, 로직 부분을 모듈화 및 확장성을 고려한 모니터링 기능을 개발, 생산공정을 홍삼창, 생산팀, 2공장, 3공장에 전광판을 통하여 공정을 실시간으로 파악하며 생산성 22% 증대, 불량률 50% 감소시켰음
• 입출고 관리를 레포트툴을 통해 개발한 바코드로 관리하고 바코드 리딩을 통해 재고를 실시간으로 MES, 휴온스 글로벌 ERP 와 연동하여 재고를 정확하게 확보하여 납기일자 개선 효과를 가져옴
• 제품 품질에 관련된 선행요건, 일지, 결재 관리, 설비 관리 화면을 개발하여 ReactToPrint 라이브러리를 이용해 수기 작성 중인 중요관리점을 프린터 인쇄 및 PDF 로 출력하는 기능을 구현하여 업무효율성이 상승하였음

• 반응형 웹, 크로스브라우징을 통해 사용하기 편한 UI를 구현하고 실제 현장 사용자들의 피드백을 수용해 학습성 및 사용성 상승
• webm, png 등의 미디어와 통신, 로직 부분을 모듈화 및 확장성을 고려한 모니터링 기능을 개발, 본부장, 생산기술팀, 소형감속기 라인에 전광판을 통하여 공정을 실시간으로 파악하며 데이터 중심의 의사결정으로 유동적인 생산에 효과생산성 22% 증대, 불량률 30% 감소
• 포크레인에 부품으로 사용되는 소형감속기 공정에 레포트툴을 이용한 바코드를 출력 후 각 제품에 부착하여 공정 진행도 및 대게박스(소형감속기 자재) 관리로 재고를 정확하게 파악하고 생산효율 파악에 효과적이였음

• 월별, 일별 데이터 통계분석 기능으로 일탈빈도 트렌드, 계절평균을 확인할 수 있는 실시간 모니터링 및 AmChart4 를 이용한 트렌트차트를 개발하여 데이터 중심의 의사결정을 통해 생산성 향상
• 설비에 부착된 센서의 데이터 수집 한계값 환경설정 등을 하는 센서 데이터 환경설정 화면 개발을 통해 센서설정을 손쉽게 하여 사용성 증대 효과

• webm, png 등의 미디어와 통신, 로직 부분을 모듈화 및 확장성을 고려한 모니터링 기능을 개발, 생산팀 사무실 및 각 공장의 층에 대형 현황판을 설치하여 실시간으로 환경을 파악하며 불량률 20% 감소
• 미니 PC의 백업 데이터 보관기간 등을 확인하고 환경설정 및 데이터백업 진행여부를 쉽게 파악하는 데이터 백업 화면 개발로 데이터 로스를 줄일 수 있었음.