풀스택 스코프로 확장하고 있는 3년차 프론트엔드 개발자입니다.

안녕하세요, 비효율을 개선하며장혜진입니다. 프론트엔드를 넘어 서비스의 E2E를 고민하며, 데이터 기반의 비즈니스 성과를 만들어내는 메이커입니다.

About Me

복잡한 시스템을 직관적인 인터페이스로

비효율을 못 참아 직접 도구를 만듭니다. 반복되는 사내 업무를 해결하기 위해 노코드(No-code) 에디터와 어드민을 직접 개발해 운영 효율을 극대화합니다. 프론트엔드를 넘어 서비스의 E2E(End-to-End)를 구현합니다. Next.js와 NestJS를 활용해 API 설계부터 DB 모델링까지 주도하며, 하나의 온전한 서비스를 구축합니다. 사용자 경험(UX)과 개발자 경험(DX)을 모두 고민합니다. 고객을 위한 0.1초 렌더링 최적화와 동료를 위한 디자인 시스템 및 자동화 도구 도입을 즐깁니다. 수치로 증명하는 성장을 지향합니다. 단순 개발을 넘어 'SEO 유입 1만', '로딩 속도 98% 단축' 등 확실한 비즈니스 성과를 만들어내는 메이커입니다.

ziny profile

ziny

Full-stack Scope 프론트엔드 개발자

서울, 대한민국
3년경력
4+프로젝트

Tech Stack

React
Next.js
React Native
NestJS
Prisma
PostgreSQL
MySQL
Redis
TypeScript
Zustand
React Query
Tailwind CSS
Vercel
GitHub Actions
Datadog
Git
DataGrip
Storybook
Redux Toolkit
Shadcn/UI
Experience

My Experience

제가 함께 성장해 온 팀과 제품들입니다.

Frontend Developer (Full-stack Scope)

(주)비단팝팝 | PopPop

2024.07 - 현재

기획과 디자인이 부재한 초기 환경에서 Next.js(FE)와 NestJS(BE)를 활용해 서비스 통합 관리자(Admin) 시스템을 E2E로 구축하였고, 반복되는 마케팅/운영 업무를 해결하기 위해 사내 자동화 도구를 독자적으로 개발해 운영 효율을 극대화했습니다.

서비스 통합 관리자(Admin) 시스템 E2E 구축

기여도 100% (FE) / 40% (BE Architecture)

  • Next.js(FE)와 NestJS(BE)를 활용해 초기 기획/디자인이 부재한 환경에서 정보 구조 설계부터 API 구현까지 전 과정 주도
  • shadcn/ui 기반 디자인 시스템을 직접 배포하고 공통 컴포넌트를 정의하여 개발 생산성 확보
  • Vercel 기반 자동화 CI/CD 파이프라인을 구축하여 무중단 배포 및 안정적인 운영 환경 정립

사내 운영 자동화 도구 개발

기여도 100%

  • 반복되는 마케팅 및 운영 업무를 해결하기 위한 사내 자동화 툴을 독자적으로 기획 및 개발하며 운영 효율 극대화
Next.js
TypeScript
Nest.js
Prisma
Zustand
Shadcn/ui
Vercel

외주 프론트엔드 개발자

레인트 | Raint

2024.06 - 2024.12

GS리테일 상품/방송 백오피스의 XML 기반 레거시 시스템을 Modern Web(React, Next.js) 환경으로 전환하고, 상태 관리 최적화를 통해 노출 속도를 98% 이상 단축했습니다.

리액트 렌더링 상태 성능 최적화

기여도 100%

  • Monolithic Context 구조로 인한 불필요한 리렌더링 문제를 해결하기 위해 도메인 단위로 상태를 분리하고 Zustand를 도입
  • 화면 렌더링 속도를 8s → 0.1s로 단축하여 사용자 경험 대폭 개선

대규모 레거시 시스템 전환

기여도 100%

  • 노후화된 XML 기반의 대규모 백오피스 시스템을 React, Next.js 기반의 Modern Web 환경으로 마이그레이션하여 유지보수성 확보
  • EP(엔진 페이지) 관련 신규 도메인 설계 및 구현 주도
React
Next.js
Zustand
MobX
Storybook
RealGrid

프론트엔드 개발자

밸런스 | BALANCE

2022.12 - 2024.03

영양제 커머스 플랫폼의 프론트엔드를 담당하며 SEO 최적화로 자연 유입 1만 명을 달성하고, 모노레포 전환 및 디자인 시스템 구축을 통해 개발 생산성을 혁신했습니다.

SEO 최적화 및 검색 가시성 확보

기여도 100%

  • Next.js의 SSR과 동적 메타태그를 적극적으로 활용해 검색 엔진 가시성을 확보
  • 월 자연 유입(Organic Traffic) 0 → 10,000명 달성으로 비즈니스 성장에 기여

인프라 개선 및 디자인 시스템 구축

기여도 70%

  • Mono-repo(Turborepo)를 도입하여 코드 중복을 제거하고 라이브러리 관리 효율성 증대
  • Storybook 기반의 디자인 시스템을 구축하여 디자인-개발 협업 프로세스 최적화

React-Tiptap 기반 에디터 고도화

기여도 90%

  • 기존 텍스트 중심 에디터를 React-Tiptap 기반의 위지윅(WYSIWYG) 에디터로 마이그레이션
  • 콘텐츠 제작 생산성을 향상시키고 SEO 최적화된 콘텐츠 발행 지원
Next.js
React
Turborepo
Storybook
Tailwind CSS
React-Tiptap

프론트엔드 개발자

요만나 | YOMANNA

2022.05 - 2022.12

소셜 요리 애플리케이션의 프론트엔드 전체 설계와 주요 기능 구현을 담당하며, 기획부터 iOS 앱스토어 출시까지 전 과정을 1인 리드했습니다.

React Native 1인 개발 및 출시

기여도 100%

  • 서비스 기획 단계부터 참여하여 프론트엔드 아키텍처 설계 및 구현 전 과정 주도
  • iOS 앱스토어 심사 및 최종 출시 성공

주요 비즈니스 기능 구현

기여도 100%

  • Redux Toolkit을 활용한 정밀한 전역 상태 관리 및 데이터 흐름 설계
  • Iamport 결제 모듈 연동을 통한 인앱 결제 시스템 구축
  • FCM 기반 푸시 알림 및 실시간 알림 시스템 구현
React Native
Redux Toolkit
Styled-components
FCM
Iamport
Activities

My Activities

다양한 경험을 통해 성장했습니다.

팀스파르타 로켓단 2기 ~ 3기

하이퍼캐주얼 게임 제작 프로젝트

2022.05 - 2022.07
  • Unity를 사용한 하이퍼캐주얼 게임 제작 경험
  • 2D와 3D 두 가지 타입의 게임 기획, 제작 및 배포 경험

스파르타코딩클럽 항해99 5기

웹 개발자 양성 부트캠프 - 프론트엔드 과정

2022.01 - 2022.04
  • 총 5회 팀 프로젝트 진행 (미니 프로젝트 3회, 클론 코딩, 최종 프로젝트)
  • 마지막 프로젝트에서 팀장을 맡아 팀 리딩 및 개발, 비개발군과의 협업 경험
Contact

함께 이야기 해볼까요?

현재 새로운 기회를 찾고 있습니다.

새로운 프로젝트나 협업 기회에 대해 이야기 나누고 싶으시다면 언제든 연락주세요!