김병연(Vintz)

산업 분야: 광고 / 마케팅

스킬: React, javascript, typescript, html5, css3, React Query, Zustand, Vite, Tailwind CSS

1. ADN 3.0(배너 광고) 어드민 페이지 개발 및 유지보수 - 초기 단계부터 참여하여 프론트 개발 환경 구축 - CRA에서 Vite로 마이그레이션 하여 배포 소요 시간 약 42% 감소 - 퍼블리싱 및 프론트 전반을 개발, 유지보수 2. 광고 패널 스크립트 개선 - jQuery로 작성된 코드를 Vanilla JS 코드로 리팩토링 - 함수 네이밍 및 코드 가독성 개선, 중복 로직 제거 3. ADN, 레인보우8 공식 홈페이지 리뉴얼 - 반응형 웹으로 제작 - 6개의 다국어 대응 4. ADN 서비스 스크립트 설치 및 운영

📍 초기 단계부터 참여하여 프론트 개발환경 구축 및 전체 퍼블리싱. 어드민 내 서비스 중 온사이트 서비스를 중심으로 1인 프론트 개발 1️⃣ 기존 빌드 도구인 CRA에서 Vite로 마이그레이션 - 프로젝트가 커짐에 따라, 느린 번들링 및 소스 코드 갱신 시간으로 인한 개발 효율성 감소를 체감 - 배포 소요 시간 약 42% 감소 - 소스 코드 갱신 시간이 평균 2초에서 1초 미만으로 개선 2️⃣ TanStack Query(React Query) 도입 - 잦은 API 호출로 인한 리소스 낭비, 비동기 상태 관리의 어려움을 느낌 - 캐싱 전략으로 API 호출 최소화 - 비동기 상태 관리 코드의 간소화 - 클라이언트 상태와 서버 상태의 관심사 분리로 인한 유지보수성 개선 3️⃣ Zustand 도입 - 여러 페이지에 걸쳐 유지되어야 하는 데이터가 늘어남에 따라, 전역 상태 관리 도구의 필요성을 체감 - 불필요한 리렌더링 최소화, prop drilling 해결

📍 3개의 광고 패널, 그리고 PC와 Mobile로 나누어진 6개의 스크립트 파일을 하나의 파일로 통합 - 중복 로직 제거로 인한 코드줄 수 약 9.6% 감소 - jQuery로 작성된 코드를 Vanilla JS 코드로 리팩토링 - 스네이크 표기법으로 작성된 함수명을 카멜 표기법으로 재작성 - 기술 스택 : javascript, jquery