Contacts

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

Introduce

안녕하세요, 프론트엔드 개발자 이진웅입니다. React, Next.js, React Native를 활용하여 DAU 3,000명, MAU 10만 명 규모의 플랫폼에서 웹과 앱 서비스를 개발, 운영, 배포한 경험이 있습니다.

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

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

Work Experience

애기야가자, 프론트엔드 개발자 2022.07 - 2024.10 (2년 4개월)

애기야가자 앱

• 오픈채팅 기능

  • Firebase Realtime Database를 활용하여 실시간 오픈채팅 기능을 구현하였습니다.
  • Firebase Function을 사용하여 채팅 중 하이퍼링크를 감지하고 OpenGraph 정보를 기반으로 프리뷰를 생성하도록 하였습니다.

• 2.0 버전 업데이트

  • FSD(Feature-Sliced Design) 아키텍처 및 컴파운드 컴포넌트를 이용한 헤드리스 디자인 시스템을 도입하여 기존 레거시 코드를 개선하고, 유지보수에 용이한 구조로 전환하였습니다. 이를 통해 코드베이스의 모듈화 수준을 높이고, 모듈 간 의존관계를 단방향으로 제약하였으며 각 기능들을 블록처럼 조립할 수 있는 형태로 만들었습니다.
  • ReactQuery와 Recoil을 사용하여 서버와 클라이언트의 상태를 명확하게 분리하고, 코드의 유지보수성을 높였습니다.

• 푸시 메시지 성능 최적화

  • 올바른 푸시 이벤트 등록 및 전역 상태 관리를 통해 서버 부하를 100%에서 5% 미만으로 감소시키며, 서비스 안정성과 응답 속도를 크게 향상시켰습니다.

• 다이나믹 링크 네비게이션 통합

  • Firebase DynamicLink를 통해 앱 접근 시 원하는 페이지로의 네비게이션을 효율적으로 구현하고, 파편화된 이벤트 핸들러를 하나의 코드로 통합 및 추상화하여 유지보수성을 강화했습니다.

• 이미지 업로드 UX 개선

  • AWS S3 Pre-signed URL 방식으로 전환하여, 이미지 업로드 프로세스를 개선하고 사용자 경험을 향상시켰습니다.
  • 서버 통신 중 발생하던 약 5%의 이미지 유실 문제를 완전히 해결했습니다. 또한, 업로드 실패 시 즉각적인 사용자 피드백을 제공하여 재업로드를 유도함으로써 사용자 경험을 크게 향상시켰습니다.

애기야가자 홈페이지

• 웹페이지 제작

  • Next.js를 이용해 SEO를 고려한 SSR 페이지 작업으로, 네이버 검색결과 트래픽이 더 높은 자사 인스타그램 페이지보다 상단에 노출될 수 있도록 하였습니다.
  • 애기야가자 앱과 연계된 장소 정보 페이지를 웹에서도 확인할 수 있도록 구현하고, 동적으로 메타태그를 생성하여 검색 엔진 최적화를 강화했습니다.

• 무중단 배포

  • AWS EC2와 PM2를 활용하여 무중단 배포를 구현해, 서비스 가용성을 유지하면서도 신속한 배포가 가능하도록 했습니다.

애가마켓

• 웹페이지 제작
  • Next.js를 이용해 웹 환경과 앱의 웹뷰 환경에서 일관된 사용자 경험을 제공하기 위해 페이지를 개발하고, SSR을 통해 검색 엔진 노출을 최적화했습니다.

애기야가자 어드민

• 백오피스 페이지 고도화

  • 노후화된 백오피스 페이지를 ReactQuery와 Zustand를 사용하여 서버와 클라이언트의 상태 관리를 분리하고, 컴파운드 컴포넌트 패턴을 활용해 통일된 디자인과 기능을 가진 컴포넌트를 만들어 유지보수성과 생산성을 높였습니다.

• CI/CD 구성

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

애기야가자 API 문서화

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

Skills

Strong

JavaScript, TypeScript, React, ReactNative, Next.js, ReactQuery, Recoil, Zustand, Tailwind, StyledComponents, Git

Knowledgeable

Node.js, Express.js, AWS

Education

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