사용자 경험을 최우선으로 생각하는 프론트엔드 개발자 한동찬입니다.
기술의 깊은 이해를 바탕으로 사용자의 복잡한 문제를 해결하고, 직관적이며 편리한 서비스를 만드는 프론트엔드 개발자입니다. 동료들과의 원활한 협업을 통해 더 나은 결과물을 만들어내는 과정에서 큰 보람을 느낍니다.
애자일 방법론을 기반으로 투명하게 소통하며, 정해진 규칙을 통해 팀의 생산성과 코드 품질을 높이는 것을 목표로 합니다.
- 에픽(Epic) 중심의 목표 관리: '프로젝트의 핵심 구현 사항의 큰 단위의 목표를 에픽으로 설정하고, 관련된 유저 스토리를 체계적으로 관리하여 프로젝트의 전체 흐름을 명확하게 파악합니다.
- 스프린트 기반의 점진적 개발: 1주 단위의 스프린트를 계획하고 실행하며, 매일 데일리 스크럼을 통해 진행 상황과 이슈를 공유하여 문제를 빠르게 해결하고 팀의 목표를 함께 달성해 나갑니다.
- Git-flow 브랜치 전략:
feature→develop→release→main으로 이어지는 브랜치 전략을 통해 기능 개발, 배포, 긴급 수정을 체계적으로 관리하고 코드의 안정성을 확보합니다. - 컨벤션 준수: 팀에서 함께 정한 커밋 컨벤션과 코드 컨벤션을 철저히 준수하여 코드의 가독성과 일관성을 높이고, 효율적인 리뷰 문화를 만들어갑니다.
- Pull Request 기반의 코드 리뷰: 모든 코드는 동료의 리뷰를 거친 후 병합하는 것을 원칙으로 합니다. 서로의 코드에서 배우며 함께 성장하는 건설적인 리뷰 문화를 지향합니다.
- 명확한 목표 중심의 소통: "왜 이 기능이 필요한가?"에 대한 논의를 통해 팀 전체가 공동의 목표를 명확히 인지하고 개발에 참여합니다.
- 지식 공유 문화: 새로운 기술이나 문제 해결 경험을 팀 내에 적극적으로 공유하고 문서화하여 팀 전체의 기술적 역량을 함께 높여나갑니다.
각 기술의 원리를 이해하고 장점을 살려 문제를 해결하는 것을 목표로 합니다.
- JavaScript | TypeScript: 브라우저의 동작 원리를 깊이 이해하고, 비동기 처리와 모던 JS/TS 문법을 능숙하게 활용하여 최적화된 코드를 작성합니다.
- React | Next.js: 컴포넌트 기반 아키텍처와 가상 DOM의 원리를 이해하고 있으며, Next.js의 RSC 기반의 SSR 렌더링과 SEO/성능이 최적화된 웹 애플리케이션을 구축합니다.
- State Management (Tanstack Query | Zustand): 서버 상태와 클라이언트 상태를 분리하여 효율적으로 관리합니다. Tanstack Query를 통한 비동기 데이터 관리와 Zustand를 이용한 가볍고 직관적인 상태 관리에 익숙합니다.
- Styling (Tailwind CSS | Styled-Components | SCSS): 사용자 경험(UX)과 개발자 경험(DX) 향상을 위해 재사용 가능한 컴포넌트 설계 및 UI 라이브러리를 적극 활용하며, Storybook으로 컴포넌트를 시각적으로 테스팅하고 문서화합니다. 이를 통해 유지보수성이 높은 UI를 구현합니다.
- Supabase | Firebase: BaaS(Backend as a Service)에 대한 높은 이해를 바탕으로, 별도의 서버 구축 없이 인증, 데이터베이스, 스토리지 등 핵심 백엔드 기능을 서버리스(Serverless)로 구현하여 빠르고 확장성 높은 서비스 개발이 가능합니다.
- Node.js: 이벤트 기반 비동기 논블로킹 I/O 모델을 이해하고 있으며, 이를 활용하여 가볍고 효율적인 RESTful API 서버를 구축한 경험이 있습니다.
- Spring Boot | MyBatis: Java 기반의 엔터프라이즈급 웹 애플리케이션 개발이 가능하며, MyBatis를 이용해 SQL 중심의 유연한 데이터베이스 연동 및 관리를 수행할 수 있습니다.
- SQL (MySQL, PostgreSQL): 관계형 데이터베이스의 정규화 원칙을 이해하고 있으며, 프로젝트 요구사항에 맞는 효율적인 스키마 설계 및 복잡한 SQL 쿼리 작성이 가능합니다.
- Python : BFS/DFS, 그리디, 다이나믹 프로그래밍 등 여러 문제를 알고리즘으로 해결 할 수 있습니다.
- Database (MySQL | PostgreSQL): 관계형 데이터베이스의 정규화 원칙을 이해하고 있으며, 프로젝트 요구사항에 맞는 효율적인 스키마 설계 및 SQL 쿼리 작성이 가능합니다.
서비스 링크: 세종대학교 양자원자력공학
기간: 2024.09 - 2025.08
역할: Frontend Lead
학과 구성원을 위한 정보 포털과 교내 세미나실 예약 기능을 통합한 세종대학교 온프레미스(On-Premise) 프로젝트입니다.
주요 기여:
- React 기반 프론트엔드 아키텍처 설계 및 여러 학과에서 재사용 가능한 컴포넌트 기반 UI/UX 구축
- 캘린더 기반 세미나실 예약 프론트엔드 구현
- JWT 기반 인증 및 사용자 권한별 페이지 접근 제어 기능 구현 (학생, 교수, 관리자)
- 세종대학교 내부 서버에 백엔드 시스템을 직접 배포 및 운영하며 안정적인 서비스 인프라 구축
- Tanstack Query를 활용한 서버 데이터 캐싱 전략으로 사용자 경험 및 성능 최적화
주요 기술 스택:
기간: 2024.08 - 2025.08
U+ 멤버십 사용자를 위한 위치 기반 혜택 탐색 및 공유 PWA 플랫폼입니다. Python(LightFM) 기반의 실시간 개인화 추천 시스템을 구축하고, 대용량 트래픽 처리를 위해 PostGIS 도입 및 쿼리 최적화 등 백엔드 성능 개선에 집중했습니다.
주요 기여:
- Full-Stack 아키텍처 설계: React.js(Frontend)와 Spring Boot(Backend)를 중심으로 AWS, Docker 기반의 전체 시스템 아키텍처를 설계하고 CI/CD 파이프라인을 구축했습니다.
- 실시간 개인화 추천 시스템 구축: Python(LightFM) 기반의 추천 모델을 설계하고, 사용자의 '싫어요' 피드백을 즉시 반영하여 재추천하는 시스템을 개발했습니다.
- 백엔드 성능 최적화 (DB & Query): PostGIS와 공간 인덱스를 도입하여 지도 검색 속도를 개선하고, 통계 테이블 비정규화로 관리자 쿼리 비용을 최대 73% 감소시켰습니다.
- Frontend PWA 개발: React.js 기반으로 PWA를 구축하고, 카카오 맵 API, Zustand, Tanstack Query를 활용하여 지도의 방대하고 복잡한 인터랙션 및 상태를 관리했습니다.
- 인증 및 관리자 시스템 개발: JWT, 소셜 로그인을 포함한 인증 시스템을 구현하고, Chart.js 기반의 데이터 시각화 대시보드를 개발했습니다.
주요 기술 스택:
- MODI | U+ 요금제 추천 챗봇 (2025.05 - 2025.06)
- 설문 기반의 사용자의 통신 패턴을 기반으로 가족 단위의 최적 U+ 요금제를 추천해주는 챗봇 서비스.
- Raindrop | 비오는 날 열리는 비밀스러운 메시지 (2025.04 - 2025.05)
- React Three Fiber와 Spring Boot를 활용하여, 비 오는 날에만 3D 물방울 메시지를 확인할 수 있는 감성적인 모바일 웹 서비스를 풀스택으로 개발했습니다.
