이진웅, 프론트엔드 개발자

Github: https://github.com/woongstaa

Next.js(App Router 기반)와 React Native를 중심으로, DAU 3,000 / MAU 10만 규모 플랫폼에서 2년 4개월간 웹·앱의 핵심 기능을 설계하고 주도적으로 개발해온 프론트엔드 개발자입니다.

확장성과 유지보수성이 뛰어난 개발 방법론에 깊은 관심을 가지고 있으며 주석 없이도 직관적인 네이밍과 코드 구조만으로도 이해 가능한 코드를 지향합니다. 이러한 철학을 바탕으로 FSD 패턴과 컴파운드 컴포넌트를 활용하여 SOLID 원칙을 준수하고 효율적이며 가독성 높은 코드를 작성하기 위해 노력하고 있습니다.

소통을 통한 협업을 중요하게 생각하며 개인의 성장도 중요하지만 조직의 성장이 회사의 성장으로 이어진다고 믿으며 코드 리뷰와 프로젝트 회고 등을 통해 팀원들과 함께 성장하는 문화를 만들어가고 있습니다.

경력

애기야가자

서비스개발팀 | 프론트엔드 | 정규직

2022.07 - 2024.10 (2년 4개월)

애가마켓 서비스 구축 및 최적화

Next.js 기반 SSR 설계와 SEO 최적화로 웹·앱(Webview) 통합 상품 판매 채널 구축, 구매 전환율 20% 향상 기반 마련

자체 쇼핑몰 페이지(애가마켓)를 새롭게 구축하여, 기존 네이버 스마트스토어 대비 구매 전환율을 향상시키고 독립된 서비스 기반을 마련하는 것이 목표였습니다.

Next.js 기반 SSR 구조 설계 및 구현, 웹과 앱(Webview) 양쪽 환경 대응
메타 태그 동적 삽입 및 OG 태그 자동화로 검색 노출 최적화
반응형 대응과 컴포넌트 기반 설계로 UX 일관성 확보
FSD 아키텍처 및 컴파운드 컴포넌트 적용으로 개발 생산성 약 30% 향상
Lighthouse 기준 SEO 100점, Best Practices 96점, Performance(데스크탑) 90점 달성
구매 전환율 약 20% 향상 기반 마련
프론트엔드 2인 구성 중 SSR 구조 설계 및 SEO 최적화 약 80% 주도

앱 v2.0 업데이트 및 리팩토링

React Native 기반 FSD 아키텍처 및 디자인 시스템 도입으로 유지보수성 40% 향상, 앱 UX 품질 일관성 확보

기존 레거시 코드들로 인해 유지보수 난이도가 높고, UX 일관성 확보가 어려운 문제가 있어 대대적인 리팩토링 및 신규 기능 업데이트를 진행하였습니다.

FSD 아키텍처 기반 모듈화 및 단방향 의존성 구조 설계
컴파운드 컴포넌트를 활용 재사용 가능한 헤드리스 디자인 시스템 구축
위치기반 구글 지도 API를 활용한 장소 소개 기능 추가
이후 유지보수 소요 리소스 약 40% 감소
프론트엔드 3인 구성 중 약 60%의 구조 개선 및 주요 기능 구현 주도

업무 프로세스 개선 및 API 문서화

Swagger 및 Orval 기반 자동화로 협업 비용 30% 감소, 개발 속도 20% 향상

API 명세 공유 및 요청 코드 작성에 소요되는 리소스를 절감하고자 문서화 및 코드 자동화 프로세스를 구축했습니다.

Swagger 기반 API 명세 자동화 시스템 구축
Orval 기반 요청 함수 및 타입 자동 생성
GitHub - Slack 연동 자동화로 협업 동기화 속도 향상

백오피스 고도화

공통 컴포넌트 구축 및 CI/CD 자동화로 배포 오류율 50% 감소, 유지보수 시간 30% 단축

노후화된 내부 관리 페이지의 유지보수성과 배포 안정성을 강화하기 위해 공통 컴포넌트와 자동화 파이프라인을 구축했습니다.

컴파운드 컴포넌트 기반 공통 UI 컴포넌트 구축 (Input, Button 등)
GitHub Actions 기반 CI/CD 파이프라인 구성, 배포 자동화
프론트엔드 3인 구성 중 약 60% 이상 설계 및 구현 주도

푸시 메시지 / 다이나믹 링크 통합

이벤트 흐름 최적화로 서버 부하 95% 감소, 푸시 기반 진입 성공률 20% 향상

푸시 알림 수신 시 불필요한 서버 요청 및 외부 링크 진입 오류 문제를 개선하여 서버 부하와 사용자 경험을 모두 최적화했습니다.

이벤트 리스너 등록 위치 최적화 및 요청 흐름 리팩토링
이벤트 조건 분리 및 중복 요청 방지 로직 도입
서버 부하 100% → 5% 미만으로 대폭 감소
푸시 기반 네비게이션 오류 발생률 0% 달성

이미지 업로드 UX 개선

S3 Pre-signed URL 방식 적용으로 이미지 업로드 성공률 98% 이상 유지, UX 품질 향상

기존 백엔드 중심 업로드 구조의 실패율과 느린 속도를 개선하기 위해 S3 Pre-signed URL 방식을 적용했습니다.

기존 백엔드 업로드 방식을 AWS S3 Pre-signed URL 방식으로 전환
업로드 실패율 5% 해소, 이미지 유실 문제 완전 해결
업로드 성공률 99% 이상 유지

기술 스택

Frontend

JavaScript, TypeScript, React, React Native, Next.js, React Query, Recoil, Zustand, Tailwind CSS, Styled Components

DevOps / Infra

Git, GitHub Actions, AWS(EC2, S3, CloudFront)

jay.log

posts.

portfolio.