미리보기

채용관리(ATS), 온보딩 자동화 솔루션

• PDF 형식 이력서를 간편하게 확인하기 위해 PDF.js를 사용한 PDF 뷰어를 구현하고, 구버전 한글 렌더링 문제를 해결, 인사담당자가 원하는 부분을 드래그하여 마스킹 후 이미지 형식으로 저장, 개인정보 보호와 보안성을 강화

• ATS 솔루션 핵심 기능으로 DnD를 사용하여 서류 접수부터 합격까지 프로세스를 시각적으로 관리, 서버 응답 지연 문제를 Optimistic Update로 해결하여 상태 변경 처리 속도를 40% 단축하고, 사용자 경험(UX)을 향상

• Storybook을 기반으로 "@steadhr/ui" UI 라이브러리를 개발하고 문서화하여, 컴포넌트 재사용성을 향상시키고, 개발 생산성을 30% 증가

• FSD 아키텍처 도입으로 컴포넌트 기반 구조에서 도메인 간 관계 파악이 어려운 문제를 해결, 도메인 간 의존성 30% 감소, 코드 가독성 및 유지보수성 40% 향샹

• Github Actions를 활용한 빌드 및 배포 자동화로 수동 배포 프로세스에서 발생한 배포 시간 지연과 휴먼 에러 문제를 해결 및 배포 시간을 50% 단축

• E2E 테스트 도입으로 로그인 및 이력서 제출 등 사용자 행동 시나리오를 기반으로 배포 후 발생할 수 있는 오류를 90% 이상 사전 방지

• 멀티레포에서 모노레포로 전환하여 프로젝트 간 의존성 관리의 복잡성과 코드 공유의 어려움을 해결, 코드 관리 효율성을 40% 개선하고, 의존성 관리의 복잡성을 30% 감소

• Sentry 도입으로 실시간 오류 감지와 자동 알림 시스템을 구축하여, 에러 대응 프로세스를 개선하고 대응 시간을 40% 단축

프론트엔드팀 개발 문화 개선

• KPT 회고, 주간 미팅, Daily Scrum 도입: 피드백과 소통을 강화하고 업무 효율성과 협업 능력을 향상시켜 이를 통해 개선사항을 지속적으로 논의하고 최적의 해결책을 도출하기 위해 노력하였습니다.

취미여가 커머스

• 적응형 웹사이트를 Next.js 기반의 PWA로 리디자인하여, 웹 성능을 20% 개선하고 모바일 사용자 경험(UX)을 30% 향상

• 상품 상세 페이지를 SSR에서 ISR로 전환하여 빠른 로딩 속도와 SEO 최적화를 개선하고, 동적 메타 태그 생성을 통해 최적화된 콘텐츠를 제공하여 서버 부하를 감소시키고 사용자 경험을 향상

• 토스 페이먼츠를 활용하여 이커머스 결제 시스템을 구축하여

  결제 처리 효율성을 개선하며 사용자 편의성을 증대시키고 보안과 비용 효율성을 확보하며 서비스 안정성을 강화

• Atomic Design Pattern 사용하여

  컴포넌트의 재사용성을 40% 증가, 개발 및 유지보수 시간을 25% 단축

• NextAuth와 OpenID Connect를 통한 소셜 로그인 구현으로

  로그인 프로세스를 50% 간소화하고, 사용자 등록 및 로그인 시간을 20% 단축

• Jest 및 react-testing-library를 활용한 테스트 코드 작성하여

  시스템 안정성을 30% 향상시키고, 비즈니스 로직 기준 테스트 커버리지를 80% 이상 달성

농업 B2B 스파트팜 관리 SaaS 플랫폼

• 온실맵 기능 개발 시, Virtual Scroll 기법을 적용하여 대규모 데이터를 효율적으로 렌더링하고, 로드 타임을 30% 단축시켜 빠르고 원활한 사용자 경험을 제공

• Highcharts 를 활용하여 대규모 농업 데이터를 시각화하는 대시보드의 데이터 렌더링 최적화를 통해 로드 타임을 30% 단축하여 사용자 경험을 향상

• TypeScript를 도입으로 컴파일 타임에 정적 타입 검사를 수행함으로써, 코드 작성 중에 발생할 수 있는 잠재적 런타임 오류를 30% 이상 감소시키고 코드 안정성을 향상시키고, 버그 발생 가능성 감소

• Responsive Web Application 퍼블리싱 및 UI 개편하여 다양한 디바이스 환경을 지원하

  고 UI 구성 요소를

  재정리 및 최적화하여 유지보수성 향상 및 코드 일관성을 확보, 개발 생산성 30% 증가

• 다수의 이미지를 스프라이트로 통합

  하

  , SVG 기반 아이콘 폰트를 적용하여 HTTP 요청 수를 40% 이상

  감소시키고

  , 로딩 속도 및 UI 경량화

• HTML/CSS 컨벤션 정의하여 협업 효율성을 높이고 코딩 규칙과 구조화된 컨벤션을 수립, 개발팀 간

  코드의 일관성을 확보하

  고 유지보수 비용 절감