JH

안재현

Frontend Developer

Introduction

사용자 흐름과 서비스 구조를 기준으로 문제를 정의하며 프론트엔드 개발을 해왔습니다.

입력 플로우, 상태 관리, 에러 대응 등 화면 단위 구현을 넘어 서비스 전반의 안정성과 유지보수성을 개선하는 작업을 주로 담당했습니다.

기능 요구사항을 그대로 구현하기보다, 사용자가 실제로 겪는 불편과 운영 과정에서 발생하는 리스크를 기준으로 구조를 정리하고 개선하는 방식으로 일해왔습니다.

또한, 사내 개발 아티클 공유를 제안·시작하며 팀 내 지식 공유에 기여해왔습니다.

Skills

Languages

JavaScriptTypeScript

Frontend

React.jsNext.jsTanstack-QueryZustand

UI & Design

Tailwind CSSStyled-componentsStorybookChromatic

Testing

JestReact Testing LibraryCypressPlaywrightVitestMSW

Work Experience

스카이벤처스

현재 재직중

Frontend Engineer

2025.03 ~ 현재

중타 - 중고 타이어 & 부품 거래 플랫폼

  • 퍼널 패턴을 제안·도입해 입력 플로우를 단계형 구조로 개선
  • UI와 비즈니스 로직 레이어 분리, Custom Hook 기반 로직 관리로 유지보수성 개선
  • Sentry 도입으로 프로덕션 환경 에러 모니터링 환경 구성 및 전역 Error Boundary 적용
  • 웹뷰 기반 정적 페이지 연동으로 앱 업데이트 없이 정책 변경 대응 가능하도록 개선

BBQ 자사 서비스 운영 및 이벤트 페이지 개발

  • Cypress 기반 E2E 테스트로 핵심 사용자 시나리오 자동 검증
  • Jest 기반 단위 테스트 및 Storybook·Chromatic 기반 시각적 회귀 테스트 도입
  • 바르셀로나 내한 경기 티켓 추첨 이벤트 페이지 개발 (GSAP 애니메이션 적용)

애플꼬마김밥 어드민 페이지

  • Tiptap 기반 텍스트 에디터 구현 및 YouTube iframe 임베드 기능 구현 (XSS 방지 유지)
  • Zustand 기반 전역 Toast UI 시스템 구축

Side Projects

dear moment

딱 맞는 웨딩 스냅 작가를 찾을 수 있도록 매칭을 돕는 서비스

  • Next.js 미들웨어 기반 쿠키 JWT 인증 및 접근 제어 로직 구현
  • Canvas API 기반 이미지 리사이징 및 손실 압축으로 네트워크 부하 감소

kiwing

면접 준비를 돕기 위한 서비스로, 효율적이고 빠르게 면접을 준비할 수 있는 기능 제공

  • Auth HOC와 자동 로그인 기능 구현
  • 재사용성과 접근성을 고려한 공통 UI 컴포넌트 구조 설계
  • MSW를 활용한 API 사전 테스트 환경 구성으로 백엔드 협업 효율화

Activities & Education

항해 플러스 프론트엔드 7기

2025.10 ~ 2025.12

TDD 사이클 수행, Vanilla JS 기반 SPA 구현, FSD 아키텍처 적용, 성능 최적화 경험. 팀장으로 활동하며 소통상 수상

프로그래머스 데브코스 프론트엔드 5기

2023.09 ~ 2024.03

TypeScript·React 기반 프론트엔드 과정 이수, 2건의 팀 프로젝트를 통해 실무 역량 확보

멋쟁이사자처럼 10, 11기

프론트엔드 운영진 및 학교 대표로 활동하며 HTML/CSS, JavaScript, React 교육과 스터디 주도

금오공과대학교 전자IT융합전공

2020.03 ~ 2024.02

학점 4.1 / 4.5 (수석 졸업)

블로그 글 보러가기