한재석

Frontend Engineer

React 기반 실서비스 운영 경험을 보유한 프론트엔드 개발자입니다.
교육 플랫폼 및 관리자 대시보드를 개발하며 데이터 시각화와 사용자 경험 개선에 집중해왔습니다.
Next.js와 TypeScript 기반 프로젝트를 진행하며 컴포넌트 구조 설계와 유지보수성 향상을 경험했습니다.

Skills

Frontend

React
Next.js
TypeScript

State & Data

Redux Toolkit
RTK Query
TanStack Query

UI & Styling

Tailwind CSS
Styled-components
React Hook Form
Chart.js

Experience

윤선생 기술본부

2023.07 ~ 현재

Frontend Engineer

사내 교육·운영 시스템의 프론트엔드 구조를 개선하고 UI/UX를 리팩토링하여 사용성 향상
Next.js 기반 내부 헬스 체크 대시보드를 설계·구축하여 API 장애 대응 속도 50%+ 개선
YOONS.COM 메인 홈페이지 기능 개선 및 UI 개편을 통해 콘텐츠 관리 효율 향상
레거시 가맹 상담 시스템을 React 기반으로 재구축하여 입력 오류 감소 및 확장성 강화
학습자 관리 서비스에 진척도 대시보드 및 리포트 시각화 기능을 구현하여 교사 업무 효율 15% 개선

더리얼 IT서비스개발

2021.06 ~ 2023.07

Web Developer

가맹점 운영자의 관리 효율 향상을 위해 전자영수증 스탬프 관리자 페이지 개발 → 알림톡 발송 기능 구현 및 전송 성공률 95% 달성
여행사 예약 플랫폼의 사용자 이탈 문제 개선을 위해 검색·예약 프로세스 UI 개선 → 사용자 참여율 30%, 관리 효율성 40% 향상
SNS 여행 앱의 사용자 경험 개선을 위해 React Native 기반 UI/UX 고도화 및 다국어·보안 기능 적용 → 사용자 만족도 및 앱 안정성 개선
고객 VOC 대응 지연 문제를 해결하기 위해 WebSocket 기반 실시간 데이터 연동 관리자 UI 개발 → 실시간 모니터링 환경 구축

Projects

내부 API 헬스 체크 및 모니터링 시스템

사내 다수의 API 상태를 실시간으로 모니터링하기 위한 대시보드형 헬스 체크 시스템

Next.js 기반 프론트엔드 구조 설계 및 대시보드 UI 구현
API 응답 시간·상태 코드 데이터를 Chart.js로 시각화하여 운영 가시성 확보
WebSocket을 활용한 실시간 데이터 반영으로 장애 인지 지연 최소화
운영 및 개발팀의 장애 대응 속도를 50% 이상 단축

Next.jsTypeScriptChart.jsWebSocket

가맹 상담 신청 시스템

윤선생 가맹 상담 신청을 위한 사용자 입력 기반 예약 시스템

기존 레거시 시스템을 React 기반으로 신규 구축
입력 단계 및 검증 로직을 재설계하여 사용자 입력 오류 감소
컴포넌트 단위 구조 개선으로 유지보수성과 확장성 강화
현재 운영 중인 실서비스로 비즈니스 프로세스에 직접 활용

ReactTypeScriptReact Hook FormAtomic Design Pattern

학습 진단 리포트 프론트엔드 고도화

학습 진단 결과를 기반으로 다양한 출력 환경을 지원하는 교육 리포트

JavaScript (Vanilla) 기반으로 학습 리포트 전체 렌더링 구조 설계 및 구현
대규모 진단 데이터(JSON)를 가공하여 그래프·지표·테이블 형태로 동적 시각화
옵션 설정에 따른 섹션 노출, 성취도 표현 방식 등을 유연하게 제어하는 로직 구현
iframe, 새 창, 인쇄 모드 등 다양한 사용 시나리오를 고려한 UI/UX 개선
기존 리포트 대비 정보 전달력 및 사용자 이해도 향상

JavaScript

Writing & Learning

개인 기술 블로그 (TIL 기반)

Next.js와 TypeScript 기반으로 구현한 개인 기술 블로그 및 포트폴리오

실무 및 학습 과정에서 겪은 이슈와 해결 과정을 TIL 형태로 기록
프론트엔드 아키텍처, 성능 개선, 컴포넌트 설계 경험 정리
App Router 기반 구조 설계 및 아토믹 디자인 패턴 적용