미리보기

• 3D 건축설계 플랫폼 고도화 작업 및 제조 실행 시스템(MES) 고도화 작업 담당

• PDF 생성 기능 개선 및 고도화

• 기존 CSR 방식의 성능 및 SEO를 개선하기위해 SSG 방식으로 전환

• react-query를 사용한 효율적인 데이터 캐싱을 통해 서버 리소스 사용 개선

• 개인정보 유출을 개선한 미아찾기 서비스 초기 설계 및 구현

• 다양한 맞춤형 주얼리의 니즈를 해소해 줄 수 있는 이미지 편집 기능 기반의 커스텀 펜던트 플랫폼 고도화 및 운영

• 재고, 주문등의 관리와 송장 출력과 알림톡 기능 등을 제공하는 백오피스 기능 구현

• Vue 2.0으로 이루어진 레거시 프로젝트의 Vue 3.0 마이그레이션

공장의 제조 공정을 시각화하여 작업지시, 자재 소요, 생산 추적, 설비관리, 생산성과 분석 등의 생산관리 효율성을 높이는 정보를 제공하는 플랫폼

• 기존 코드의 가독성과 유지보수성을 개선하고자 Compound Component Pattern을 적용하여 고도화 진행

• react-query 도입을 주도하여 서버 상태 관리와 데이터 캐싱을 이용해 서버 비용 절감 효과

• Jenkins와 Docker-Compose를 활용한 정적 파일 자동 배포 파이프라인 구축

• Vite 마이그레이션을 통해 빌드 시간 67% 단축과 개발 서버 시작시간 감소로 생산성 개선

• context api를 사용한 모달 컴포넌트 개발 ex) modal, confirm, toast, alert 등

조립식 건축물을 3D 환경에서 직접 설계하고 예상 견적과 조감도를 제공하는 플랫폼

3D 건축 설계 플랫폼

• CSR방식의 SEO 한계점을 개선하고자 하여 Express.js를 사용한 SSG 방식으로 전환하여 SEO 점수 개선

• 코드 스플리팅과 이미지 리사이징 및 Webp 포맷 변환을 통해 웹 성능 지표 개선

• Kakao map api와 공공 api를 사용하여 지도에 다양한 폴리곤 표시 및 핸들링 기능 구현

• Three.js를 사용하여 다양한 주택의 예상 견적과 조감도 제공 기능 구현

• Headless Chromium을 도입해 PDF 생성 시, 크로스 브라우징 이슈 해결

건축 상담 관리 및 관련 데이터 시각화

• rechart를 활용한 상담 관련 데이터의 시각화 기능 구현

• 웹훅과 pm2를 활용한 정적 배포 파이프라인 구축

• Atomic Design Pattern으로 재사용성이 높은 컴포넌트 구현

미아방지 목걸이 등의 개인정보 유출을 개선하기 위한 p2p 기반의 서비스

• WebSocket 기반의 채팅 기능 구현

• P2P 기반의 영상/음성 통화 기능 구현

• Geolocation api와 Kakao map api를 활용한 실시간 위치 공유 기능 구현

• 서비스의 국제화를 고려하여 i18n.js를통해 영문 서비스 제공

사용자가 직접 펜던트 시안을 제작할 수 있는 커스텀 서비스와 상품의 구매, 결제 장바구니 등의 e-commerce 플랫폼

펜던트 커스텀 서비스 고도화

• 프로젝트의 규모 증가로 인한 빌드 시간이 늘어나는 현상과 Vue 2의 지원 종료로 인한 Vue3, Vite 마이그레이션

• Canvas api를 활용해 이미지 편집 기능 구현

• JWT와 OAuth 2.0을 활용한 로그인과 라우터 가드 기능 구현

• 사용자가 제작한 펜던트에 대한 저작권 권한 등의 약관동의, 휴대폰 또는 이메일 인증 기능 화면 설계 및 구현

모두디자이너 e-commerce 개발

• 장바구니, 쿠폰 사용, 상품 결제 기능 구현

• 인피니티 스크롤을 적용해 상품 목록을 사용자 스크롤에 따라 동적으로 로드하여 사용자 경험(UX)과 성능을 개선

  
  

모두디자니어 백오피스 개발

• 재고관리, 주문관리 등의 전반적인 기능 설계 및 구현

• 템플릿 엔진을 활용한 알림톡 및 메일링 기능의 UI 구현

• 주기적인 서버의 백로그를 확인하기 위해 백로그 모니터링 기능 구현