✉️ Email. jinung91@gmail.com

📱 Phone. 010-2587-1319

✏️ Blog. https://jaylog.dev

⌨️ Github. https://github.com/woongstaa

• DAU 3,000 / MAU 10만 규모의 플랫폼에서 2년 4개월간 웹·앱의 핵심 기능을 개발 및 운영한 프론트엔드 개발자입니다.
• 복잡한 요구사항을 모듈화 기반 아키텍처로 구조화하고, 성능 최적화, SEO, 배포 등 프론트엔드 전반에서 실질적인 성과를 만들어왔습니다.
• 유지보수성과 확장성을 고려한 설계에 강점을 가지며, 컴포넌트 재사용성과 상태 분리 원칙을 중심으로 구조를 개선해왔습니다.
• 단순한 기능 구현을 넘어, 사용자 경험과 팀 생산성을 동시에 높이는 코드 작성에 집중합니다.

경력

애기야가자

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

2022.07 - 2024.10 (2년 4개월)

애기야가자 웹

애가마켓 서비스

자체 상품 판매 채널 ‘애가마켓’을 앱과 웹 양쪽에서 사용할 수 있도록 페이지 구축

• Next.js 기반 SSR 구조로 웹 페이지를 구현하고, 웹 브라우저와 앱(WebView) 환경 모두에 대응
• 반응형 작업을 통해 앱과 웹에서 일관된 사용자 경험(UX) 제공
• Lighthouse 기준 SEO 100점, Best Practices 96점, Performance(데스크탑) 90점 달성
• 메타 태그 동적 삽입 및 OG 태그 자동화 구현으로 검색 노출 최적화
• FSD 아키텍처 및 컴파운드 컴포넌트 구조를 적용하여 구조적 일관성과 재사용성 확보 및 개발 생산성과 유지보수 효율 향상
• 프론트엔드 2인 구성 중 SSR 구조 설계와 SEO 최적화 구현 등 전체 구조의 약 80% 이상을 담당

회사 소개 페이지 & 장소 정보 페이지

브랜드 신뢰도 제고 및 장소 정보 접근성을 높이기 위한 소개 페이지 및 연계 콘텐츠 개발

• 기획부터 설계, 개발까지 전 과정을 단독으로 수행, Next.js SSR 기반으로 SEO 최적화 및 소개 콘텐츠 구축
• Lighthouse 기준 SEO 100점, Best Practices 100점, Performance(데스크탑) 90점 달성
• 네이버 검색 결과에서 자사 SNS보다 상단 노출, 브랜드 검색 유입률 증가에 기여
• 장소 공유 시 웹에서 상세 정보를 확인하고 앱으로 자연스럽게 유도되는 흐름을 구성하여 앱 중심 플랫폼으로의 전환을 돕는 콘텐츠 허브 역할을 수행

백오피스 고도화

노후화된 관리 페이지를 개선하여 내부 직원의 업무 효율성과 유지보수성을 강화

• 컴파운드 컴포넌트 기반의 공통 UI 컴포넌트를 구축하여 디자인 및 기능 일관성 확보
• GitHub Actions 기반 CI/CD 자동화 파이프라인을 구성하여 안정적인 배포와 리소스 절감 달성
• 프론트엔드 3인 구성 중 자주 사용하는 Input, Button 등을 디자인 시스템화 및 모듈화하여 전체 구조의 약 60% 이상을 설계 및 구현

애기야가자 앱

앱 v2.0 버전 업데이트

기존 레거시 앱을 사용자 경험 및 개발자 경험 향상을 위해 개선 UI 및 아키텍처를 도입

• FSD 및 컴파운드 컴포넌트를 활용한 헤드리스 디자인 시스템을 도입하여 레거시 구조를 개선하고 유지보수성을 강화함
• 기능 단위 모듈화 및 단방향 의존성 설계로 재사용성과 테스트 용이성 확보
• Google Map API를 활용한 위치기반 장소 정보 페이지 및 메인 페이지 작업
• 프론트엔드 3인 구성 중 약 60%의 주요 구조 개선 및 기능 구현을 주도

푸시 메시지 / 다이나믹 링크 네비게이션 통합

푸시 발송 시 서버 부하 및 외부 링크 진입 시 네비게이션 흐름 오류 문제 해결을 위한 작업

• 푸시 수신 시 불필요한 서버 요청 및 리다이렉션 발생 문제 해결을 위해 이벤트 리스너 등록 위치 및 처리 흐름 리팩토링
• 이벤트 조건 분리 및 중복 요청 방지 로직 도입
• 서버 부하를 100% → 5% 미만으로 감소시키며, 안정성과 응답 속도 향상

이미지 업로드 UX 개선

기존 백엔드 중심의 이미지 업로드 구조를 개선하여, 사용자 경험과 안정성을 향상

• 기존 백엔드 업로드 방식에서 AWS S3 Pre-signed URL 방식으로 전환
• 이미지 업로드 실패율 약 5% 해소, 즉각적인 사용자 피드백 제공으로 UX 개선
• 이미지 유실 문제 완전 해결 및 업로드 성공률 향상

애가통 오픈채팅 기능

지역 기반 커뮤니티 ‘애가통’에 실시간 채팅 기능을 도입하여 사용자 간 소통 기능 강화

• Firebase Realtime Database를 사용한 실시간 오픈채팅 기능 구현
• Firebase Functions 기반 하이퍼링크 감지 → OpenGraph 정보로 프리뷰 자동 생성
• 커뮤니케이션 기능 고도화 및 사용자 참여율 증가에 기여

업무 프로세스 개선

API 문서화

개발자 간 커뮤니케이션 비용을 줄이고, 반복 작업을 자동화하여 팀 생산성 향상에 기여

• Swagger 기반 API 문서 자동화 시스템을 도입하여 명세 기반 개발 문화를 정착
• Orval을 활용한 API 요청 함수 및 타입 자동 생성 시스템을 구성하여 코드 일관성과 개발 속도를 동시에 확보
• Git 커밋과 Slack을 연동한 변경 알림 자동화로 협업 효율성과 동기화 속도 향상

기술

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)