Evalog.

박혜정

  • Next.js, TypeScript 를 사용한 UI/UX 구현에 능숙한 2년차 프론트엔드 개발자 입니다.
  • UX/DX 개선에 관심이 많으며, 비즈니스 가치를 극대화 할 수 있는 방향을 고민합니다.
  • 프로젝트를 주도적으로 관리하며 일정 조율, 문서 작성 및 타 직군과의 커뮤니케이션을 능숙하게 수행합니다.
  • 코드 품질 향상을 위해 PR 템플릿 작성, 커밋/브랜치 관리, 코드 리뷰 및 테스트 코드를 작성에 익숙합니다.
  • 유지보수성/확장성을 고려해 컴포넌트 및 코드 구조를 꼼꼼하게 설계합니다.

기술 스택

  • React.js, TypeScript, Next.js, Redux, React Query, Vite
  • Styled Components, Tailwind CSS
  • Cypress, Jest

경력

오이스터에이블

개발팀/ 프론트앤드 개발자 |2023.05 ~ 재직중
  • 오늘의 분리수거 유지보수 및 개선
    • 2023.05 ~ 2024.03

    분리수거 배출 기기인 ‘위빈’과 연동하여 재활용품 배출, 포인트 적립, 쇼핑 등 유저 활동을 지원하는 앱으로, flutter 기반 웹뷰 형태로 개발됨

    누적 가입자 9만 5천여명, MAU 1만 6천,일일 배출량 1만 5천건

    - 기술스택: React, Vite, React-query, Styled Components, Redux-toolkit

    - 기여도: 100%

    • 기존 CRA 에서 Vite 마이그레이션을 통해 CI/CD 소요시간 66.58% 단축 및 unused javascript 비율 약 50% 감소
    • Vite 번들 설정을 조정하여 Chrome 70까지 호환되는 구버전 디바이스 대응, 유저 이탈 방지
    • 클래스 기반의 Cypress 테스트 구조를 활용해 안정적인 e2e 테스트 도입 및 적용
    • api 호출 로직 도메인 관심사 별 중앙화 및 react-query 를 통한 캐싱으로 서버 부하 및 네트워크 트래픽 최적화
    • 웹소켓 도입으로 기존 평균 180회 호출이 발생하는 기존 대비 약 90% api 호출 최적화 및 빠른 피드백으로 UX 개선
    플레이스토어앱스토어
  • 랄라루프 컵(다회용컵 순환 서비스) 모바일 웹 개발 및 유지보수
    • 2023.08 ~ 2024.05
    다회용컵 재사용을 위한 무인 대여 및 반납 인프라 서비스로, 사용자의 반납 기록 관리 및 보증금 환불, 반납/대여기 찾기 서비스를 제공

    - 기술스택: Next.js (pages router), Styled Components, React Query, MSW

    - 기여도: 100%

    • API routes를 활용한 카카오 CI 인증 구현
    • 아토믹 패턴과 합성 컴포넌트 등 디자인 패턴 활용 및 스토리북을 활용한 CDD 방식 도입하여 독립적인 컴포넌트 개발
    • 회원가입 페이지의 multi-step form을 개발하고, 상태 관리와 애니메이션을 적용해 UX 개선
    • 영문/한글에 대한 i18n 적용 및 효율적인 적용을 위한 훅/테스트코드 작성
    • 기존 HTML로 하드코딩된 서비스 약관을 Markdown 형식으로 관리하고, API routes를 통해 동적 응답하도록 리팩토링하여 유지보수성/가독성 개선
    랄라루프 다회용컵 홈페이지
  • 랄라루프 컵 물류기사용 PWA Web App 개발
    • 2023.10 ~ 2023.12
    다회용컵 물류 배송 관리를 위한 PWA 모바일 웹으로, 물류 상태 조회, 대여기 입고 처리 및 입고 알림톡 발송 등 물류 업무를 위한 기능 제공

    - 기술스택: Next.js (pages router), React-query, Styled Components, next-pwa

    - 기여도: 100%

    • 비슷한 UI의 리스트 컴포넌트에 합성 컴포넌트 패턴 적용하여 코드 재사용성 및 가독성 개선
    • 효율적인 에러 핸들링을 위해 Custom Error Boundary를 도입하고, 상황에 맞는 에러를 throw하여 일관된 에러 처리 구현
    • 배송기사 모바일 기기에서 바로 접근할 수 있도록 Progressive Web App (PWA)를 적용하여 UX 개선
    • 캘린더, QR 스캐너 등 외부 라이브러리 도입 및 UX에 맞도록 커스터마이징

    프로젝트

  • Evalog - 개인 블로그
    • 2024.03 ~ 2024.04

    - 기술스택: Next.js (app router), TailwindCSS

    - 기여도: 100%

    • SSG 렌더링을 활용해 페이지 로딩 속도 개선 및 SEO 100점 달성
    Evalog

    학력

  • 동양미래대학교
    • 2017.03 ~ 2021.02
    • 실내환경디자인학 학사 (4.22/4.5)

    기타

  • TDD, 클린코드 with JavaScript / NextSTEP
    • 2023.08 ~ 2023.10
    • 객체지향 프로그래밍에 기반한 TDD 학습
  • 주식회사 준디자인
    • 2020.05 ~ 2022.05
    • 인테리어 디자이너로 재직하며 공간 디자인/설계 담당