Contacts

✉️ Email. jinung91@gmail.com
📱 Phone. 010-2587-1319
✏️ Blog. https://jaylog.dev
⌨️ Github. https://github.com/woongstaa

Introduce

• 안녕하세요 프론트엔드 개발자 이진웅입니다!
• React Next.js ReactNative 등을 사용하여 웹 / 앱 서비스를 개발, 운영, 배포한 경험이 있습니다.
• DAU 3,000, MAU 100,000의 플랫폼에서 라이브 서비스를 운영한 경험이 있습니다.
• 확장성이 뛰어나고 유지보수가 용이한 개발 방법론에 큰 관심을 가지고 있습니다.
• 모르는 것에 부끄러움이 없고, 의사소통을 통해 더 좋은 결과물을 만드는 것을 선호합니다.
• 누구든지 빠르게 파악할 수 있는 코드가 가장 좋은 코드라고 생각합니다.

Work Experience

애기야가자

누적 회원 수 150만
DAU 3,000
MAU 100,000
키즈 액티비티 플랫폼 애기야가자

• 프론트엔드 개발자
• 2022. 07. ~ 2024. 10.
• 2년 4개월

애기야가자 앱

• 오픈채팅 기능
  • Firebase Realtime Database를 활용하여 실시간 오픈채팅 기능을 구현하였습니다.
  • Firebase Function을 사용하여 채팅 중 하이퍼링크를 감지하고 OpenGraph 정보를 기반으로 프리뷰를 생성하도록 하였습니다.
• 서버/클라이언트 상태 관리 분리
  • ReactQuery와 Recoil을 사용하여 서버와 클라이언트의 상태를 명확하게 분리하고, 코드의 유지보수성을 높였습니다.
• 아키텍처 개선
  • FSD(Feature-Sliced Design) 아키텍처를 도입하여 기존 레거시 코드를 개선하고, 유지보수에 용이한 구조로 전환하였습니다.
  • 이를 통해 코드베이스의 모듈화 수준을 높이고, 신규 기능 개발 시간을 평균 25% 단축시켰습니다.
  • 아키텍처 전환 과정에서 팀원들을 위한 가이드 문서를 작성하고, 워크숍을 진행하여 원활한 도입을 이끌었습니다.
• 다이나믹 링크 네비게이션 통합
  • Firebase DynamicLink를 통해 앱 접근 시 원하는 페이지로의 네비게이션을 효율적으로 구현하고, 이벤트 핸들러를 하나의 코드로 통합 및 추상화하여 유지보수성을 강화했습니다.
• 푸시 메시지 성능 최적화
  • 파이어베이스 푸시 메시지로 인한 서버 부하 문제를 해결하고, 코드 개선을 통해 시스템 성능을 최적화했습니다.
  • 올바른 푸시 이벤트 등록 및 전역 상태관리를 통해 서버 부하를 100%에서 5% 미만으로 90% 이상 감소시켜 서비스 안정성과 응답 속도를 크게 향상시켰습니다.
• 이미지 업로드 UX 개선
  • 기존의 FormData 방식을 AWS S3 pre-signed URL 방식으로 전환하여, 이미지 업로드 프로세스를 개선하고 사용자 경험을 향상시켰습니다.
  • 서버 통신 중 발생하던 약 5%의 이미지 유실 문제를 완전히 해결했습니다. 또한, 업로드 실패 시 즉각적인 사용자 피드백을 제공하여 재업로드를 유도함으로써 사용자 경험을 크게 향상시켰습니다.
• 앱 업데이트 자동화
  • Codepush를 활용해 앱 심사 없이 코드 업데이트가 가능하도록 자동화하여, 사용자 이탈율을 줄이고 업데이트 주기를 단축했습니다.
• ReactNative TypeScript ReactQuery Recoil Codepush

애기야가자 홈페이지

• SEO 최적화
  • SSR(Server-Side Rendering) 페이지 작업을 통해 검색 엔진 노출을 개선하여, 홈페이지 트래픽을 크게 향상시켰습니다.
• 앱과 웹의 연계
  • 애기야가자 앱과 연계된 장소 정보 페이지를 웹에서도 확인할 수 있도록 구현하고, 동적으로 메타태그를 생성하여 검색 엔진 최적화를 강화했습니다.
• 무중단 배포
  • AWS EC2와 PM2를 활용하여 무중단 배포를 구현해, 서비스 가용성을 유지하면서도 신속한 배포가 가능하도록 했습니다.
• Next.js TypeScript Tailwind

애가마켓

• 일관된 사용자 경험 제공
  • 웹 환경과 애기야가자 앱의 웹뷰에서 일관된 사용자 경험을 제공하기 위해 페이지를 개발하고, SSR을 통해 검색 엔진 노출을 최적화했습니다.
• SEO 중심의 페이지 구현
  • 메인 페이지와 상품 상세 페이지를 SSR로 렌더링하여 검색 엔진 최적화를 강화하고, 향후 도메인 분리로 웹 구매 기능을 확장할 준비를 완료했습니다.
• Next.js TypeScript Tailwind

애기야가자 어드민

• 어드민 기능 고도화

  • 내부 직원들의 생산성 향상을 위해 어드민 기능을 개선하고, 자주 사용하는 기능들을 컴포넌트 단위로 분리하여 재사용성을 높였습니다.

• 상태 관리 최적화

  • ReactQuery와 Zustand를 사용하여 서버와 클라이언트의 상태 관리를 분리하고, 어드민 시스템의 유지보수성과 확장성을 강화했습니다.

• CI/CD 구성

  • GitAction을 통해 CI/CD 파이프라인을 구축하여, 지속적인 통합 및 배포를 자동화하고, 개발 효율성을 높였습니다.

• React TypeScript Tailwind ReactQuery Zustand Vite

애기야가자 API 문서화

• API 문서화 도입
  • OAS와 Swagger를 활용하여 API 문서를 자동화하고, 개발자 간의 커뮤니케이션 비용을 절감하여 협업 효율성을 높였습니다.
• 자동 인터페이스 생성
  • Orval을 통해 프론트엔드 인터페이스와 API 요청 코드를 자동 생성하여 개발 속도를 높이고, 코드 일관성을 유지했습니다.
• CI/CD 파이프라인 연계
  • Git과 Slack을 연결하여 API 문서 업데이트를 자동화하고, 팀 구성원들이 빠르게 피드백을 주고받을 수 있도록 시스템을 개선했습니다.
• OAS Swagger Orval

Skills

• Languages
  • JavaScript TypeScript
• Frameworks and Libraries
  • React ReactNative Next.js ReactQuery Recoil Zustand Codepush
• Styles
  • Styled-components Tailwind
• Infrastructure
  • AWS
• Tools
  • Git Github

Education

Wecode Fullstack Course (2021. 11 - 2022. 03) - Fullstack Bootcamp Course
Kyungsung Univ. (2010. 03 - 2017. 02) - 영어영문학/경영학 학사