• 문제해결 및 DX개선을 통해 배우고 깨달은걸 블로그로 정리하는걸 좋아합니다.
• 더 나은 방법을 찾기위한 모든 과정을 사랑합니다.
• 이유를 모르면 쓰지않습니다.

Contact

• Blog | Link
• Github | Link
• Email | rlatlswo13@gmail.com

경력사항

(주) 온피아

콜센터 프로그램 개발 및 솔루션 제공

2022.06 ~ 2022.12

2023.03 ~ 현재

신규 프로젝트 개발 및 유지보수

최적화 및 속도 개선을 통해 사용자경험 개선, 컨벤션 도입 및 추상화, 초기세팅 스크립트화 등으로 DX를 개선했습니다.

배포 속도 개선

• 번들러 변경 (Webpack → Vite)
  • 로컬서버 및 빌드속도 향상 (90s → 30s)

Lazy-Loading 활용 페이지 초기 진입속도 향상

• 1.53s → 201ms

개발서버 CD 도입

• Jenkins + Gitlab

마이그레이션

• React v17 → v18
• React router dom v5 → v6

모노레포 구축 (npm → pnpm)

• client / chat 서비스 분리

코드 및 Git 컨벤션, 코드리뷰 문화 도입

• 기능 / 뷰 단일책임에 따른 모듈 컨벤션 등

Server state 관리방식 변경

• Redux + Redux-Saga → Tanstack-query 변경
  • client / server 상태를 분리해 유지보수 용이

레거시 코드 리팩토링

• 바닐라 css → emotion 적용 및 컴포넌트화
• 추상화가 안된 로직 및 UI 컴포넌트 + hooks화
  • Grid, Form, Input 등

• 서비스 내 모든 핵심기능 개발
  • 채팅, 티켓, WebRTC 및 각종 설정메뉴 등

SKILL

• Next.js (App router)
• React
• Typescript
• tanstack-query