조진혁 / Portfolio

FRONTEND ENGINEER · 5년 차

업무를 이해하고,
제품의 구조를 설계합니다.

안녕하세요, 프론트엔드 엔지니어 조진혁입니다.
복잡한 업무 흐름을 정리하고, 사용자가 일하기 좋은 화면과
안정적으로 운영할 수 있는 서비스로 구현합니다.

주요 프로젝트 보기 이메일로 연락하기

프론트엔드를 중심으로,
서비스 전체의 흐름을 연결합니다.

1인 개발사 운영과 개발 컨설팅 경험을 바탕으로 요구사항을 구체화하고, 프론트엔드부터 API·데이터 모델까지 연결해 왔습니다.

최근에는 ERP의 복잡한 데이터 조회·편집 흐름과 공통 UI 설계에 집중했습니다.

01 / SELECTED WORK

주요 프로젝트

업무의 맥락과 구현의 핵심을 중심으로
최근 프로젝트를 소개합니다.

PROJECT 01 ERP · DATA INTERFACE

대용량 데이터를 다루는
ERP 프론트엔드

퍼시스

— 프리랜서 · 프론트엔드 개발

웹 엑셀과 공통 그리드에서 대량의 업무 데이터를 조회·편집하고, 저장 이후 화면에 반영하는 흐름을 구현했습니다.

데이터 조회와 편집

MESCIUS SpreadJS를 연동해 웹 엑셀을 구현하고 대용량 데이터 조회·편집 성능을 개선했습니다. TanStack Table·Virtual 기반 공통 그리드에 행 가상화, 필터, 정렬, 일괄 편집 기능을 구현했습니다.

상태와 입력의 구조화

TanStack Query와 Zustand로 서버 상태와 UI 상태를 분리하고 저장 후 데이터 갱신 흐름을 설계했습니다. React Hook Form·Zod로 입력 검증과 변경 데이터 관리를 구성했습니다.

담당 범위

ERP 관리 화면 · API 연동 · 웹 엑셀 최적화 · 공통 그리드 · 재사용 UI·폼 설계

  • Next.js
  • TypeScript
  • SpreadJS
  • TanStack Table / Virtual
  • TanStack Query
  • Zustand
  • React Hook Form / Zod
PROJECT 02 B2B · FULL STACK

주문부터 정산까지,
B2B 업무 시스템

이에스피마케팅

— 프리랜서 · 풀스택 개발

주문·상품·거래처·정산을 다루는 ERP의 화면과 API, 데이터 모델을 함께 설계하고 개발했습니다.

화면과 데이터 모델의 연결

Next.js·TypeScript 기반 업무 화면과 API를 개발했습니다. Supabase·PostgreSQL 데이터 모델을 설계하고 주문·정산 트랜잭션을 처리해 데이터 정합성을 확보했습니다.

대량 작업을 다루는 흐름

TanStack Table·Virtual로 행 가상화와 일괄 편집을 구현했습니다. 대용량 Excel 처리를 비동기 작업 큐와 분할 처리로 구성하고, 진행률 조회·재시도·중복 방지 기능을 구현했습니다.

담당 범위

주문·정산 ERP 설계 · 프론트엔드·API 개발 · 데이터 모델링 · 대용량 Excel 처리

  • Next.js
  • TypeScript
  • TanStack Table / Virtual
  • Supabase
  • PostgreSQL
PROJECT 03 SERVICE · OPERATIONS

고객 접점과 내부 운영을
함께 개선한 서비스 개발

케어링

— 정규직 · 프론트엔드 개발

공식 웹사이트와 사내 ERP·CRM을 개발하며, 검색 유입과 내부 업무 처리 경험을 개선했습니다.

공식 웹사이트와 디자인 시스템

Next.js 기반 공식 웹사이트를 설계·개발하고 SEO를 최적화했습니다. Tailwind CSS 기반 디자인 시스템과 반응형 화면을 구현해 모바일 사용 경험을 개선했습니다.

내부 업무의 연결과 자동화

CRM과 ERP 프론트엔드, 실시간 데이터 시각화 대시보드를 개발했습니다. API 연동으로 데이터를 동기화하고 보고서 생성을 자동화했습니다.

30%

웹사이트 트래픽 증가

50%

업무 처리 시간 단축

  • Next.js
  • Tailwind CSS
  • ERP / CRM
  • SEO

02 / EXPERIENCE

경력

웹과 모바일에서 쌓은 경험을
업무 시스템의 설계와 구현으로 넓혀왔습니다.

  1. 2025.06 — 2026.06

    퍼시스

    프리랜서 · 프론트엔드

    ERP 관리 화면, 웹 엑셀 최적화, 대용량 공통 그리드와 폼 설계

    프로젝트 상세

  2. 2024.07 — 2025.06

    이에스피마케팅

    프리랜서 · 풀스택

    B2B 주문·정산 ERP 설계, 업무 화면·API 개발, 데이터 모델링

    프로젝트 상세

  3. 2023.07 — 2024.06

    언니구두

    프리랜서 · 풀스택

    카페24 기반 쇼핑몰의 Next.js 전환 및 최적화

    • 2023.07 — 2023.12: 쇼핑몰을 Next.js로 재구성하고 재사용 가능한 UI 컴포넌트를 설계했습니다.
    • 카페24·사방넷 API를 연동한 어드민을 개발해 물류·재고 조회와 관리를 통합했습니다.

  4. 2022.05 — 2023.06

    케어링 주식회사

    정규직 · 프론트엔드

    공식 웹사이트와 SEO 개선, 사내 ERP·CRM, 디자인 시스템 구축

    프로젝트 상세

  5. 2020.05 — 2021.04

    주식회사 에이럭스 ALUX

    정규직 · 풀스택

    웹·데스크톱·모바일 크로스플랫폼 애플리케이션 개발

    • Angular·Electron 기반 웹·데스크톱 애플리케이션과 React Native 모바일 앱을 개발했습니다.
    • WebSocket 양방향 통신을 이용한 실시간 데이터 동기화와 CI/CD 빌드·배포 파이프라인을 구축했습니다.

  6. 2019.12 — 2020.04

    HiikTalk

    정규직 · 프론트엔드

    React Native 모바일 앱 개발 및 반응형 웹 UI·UX 개선

    • 푸시 알림과 사용자 인증·보안 기능을 개발했습니다. 모바일 앱 PlayStore 평점 4.5를 기록했습니다.
    • 반응형 디자인 시스템, A/B 테스트와 로딩 성능 개선을 진행했습니다. 사용자 만족도가 25% 향상되었습니다.

03 / HOW I WORK

일하는 방식과 기술

요구사항에서 출발해,
운영까지 이어지도록.

업무 흐름을 분석하고 요구사항을 구체화하는 것부터 시작합니다. 1인 개발사 운영과 개발 컨설팅 경험을 바탕으로 UI 구현을 서비스 전체의 흐름 안에서 바라봅니다.

AI를 활용하고, 결과를 직접 검증합니다.

요구사항 정리, UI 구현, 코드 검토와 아키텍처 설계에 AI를 활용합니다. 생성된 결과는 직접 검토·검증하며 개발 효율과 서비스 품질을 함께 높이는 데 집중합니다.

주요 개발 기술
React · Next.js · TypeScript · JavaScript · CSS
데이터 UI와 상태 관리
TanStack Table · Virtual · Query · Zustand · SpreadJS · React Hook Form · Zod
API와 데이터
Supabase · PostgreSQL · Firebase · AWS
크로스플랫폼 경험
Angular · Electron · React Native · Flutter
협업과 개발 환경
GitHub · CI/CD

EDUCATION

코드스테이츠 부트캠프

2018.04 — 2019.04 · React.js / AWS 기반 웹 애플리케이션 개발 과정 수료

수택고등학교

2006.03 — 2009.02 · 졸업

04 / CONTACT

함께 풀어갈 문제를
이야기해 주세요.

프로젝트와 협업에 관한 이야기는 이메일로 보내주세요.

wlsgur4033@gmail.com 010-9972-0402GitHub / gogoJH