한동훈 | 포트폴리오

안녕하세요.
프론트엔드 개발자 한동훈입니다.

I'm

About

미국에서 건너온 프론트엔드 개발자입니다. React, Angular, Lit-Element 등의 SPA 프레임워크를 사용하여 프로덕션 UI 설계, 개발, 운영한 경험으로 유지 보수성과 확장성이 높은 프론트엔드 아키텍처를 위해 항상 고민하고 있습니다. 다양한 방법으로 문제 해결해 보는 걸 즐기며, React 쪽에 관심이 많아 React Query, Redux, Next.js 등 여러 상황에 사용할 수 있는 기술들을 공부하려고 노력하고 있습니다. 개발자 경험과 사용자 경험을 모두 중요하게 여기며, 좋은 코드 품질을 유지시켜야 유저들에게도 최적화된 유저 인터페이스를 전달할 수 있다고 생각하고 있습니다.

Languages: TypeScript, JavaScript, HTML/CSS, C++, Python
Libraries: Redux, React Query, Recoil, SWR
Frameworks: React.js, Angular, Lit-Element, NestJS, Next.js
Databases: PostgreSQL, MongoDB, DocumentDB
Tools & Technologies: AWS, Jenkins, Docker, Jira, Confluence, Git, GitHub

좋은 기회가 생긴다면 경험을 토대로 함께 일해보고 싶습니다 :)

Experience

Capital One

프론트엔드 개발자

내부용 AWS 자원 공급/관리/배포 플랫폼 (DevNav) 프론트엔드 개발
Angular/TypeScript/RxJS로 구현된 코드베이스 유지보수 및 관리
모노리스에서 MFE 아키텍처로 전환하는 마이그레이션 진행
새로운 Lit-Element 프레임워크로 확장성과 재사용성 높은 MFE 개발
프론트엔드에서 불러오는 공급/관리/배포 관련 API 교통정리에 필요한 NestJS 기반 BFF 개발
Lerna 기반 내부 공용 UI 컴포넌트 모노리포 유지보수 및 관리
Cypress 활용한 배포 플랫폼 프론트엔드 E2E 테스트 작성
Tools: Lit-Element, Angular, TypeScript, NestJS, Cypress, Lerna, AWS S3

2020.08 ~ 2023.08 | 텍사스 주

PoolUp

프론트엔드 개발자

UCLA 대학교 재학생 창업 지원 스타트업 (5명)
‘학생들을 위한 장거리 카풀 매칭 서비스’ 비즈니스 기획 및 개발
React와 TypeScript를 사용하는 프론트엔드 아키텍처 구축
React Context API 활용한 유저 관련 정보 상태관리
SWR 라이브러리 활용한 REST API 서버 통신 및 데이터 캐싱
VS Code와 연동된 Docker 컨테이너 기반 개발 환경 구축
Tools: React.js, TypeScript, SWR, Context API, Sass, Jest, Netlify, Docker

2019.09 ~ 2020.07 | 캘리포니아 주

Projects

                
PoolUp
                  학생들을 위한 장거리 카풀 매칭 서비스
                
AccomplishmentsTools: React.js, TypeScript, SWR, Context API, Sass, Jest
React와 Sass 스타일링 활용해 카풀 라이드 등록 화면 UI 구현
Context API 활용해 유저의 라이더/드라이버 현황 상태관리 도입

ACM 멤버십 포탈
                    ACM 단체에 가입된 학생들을 위한 멤버십 포탈 사이트
                
AccomplishmentsTools: React.js, Redux, Immutable.js, Jest, Enzyme, Docker
React, Redux, Immutable.js 활용한 학생 가입자 전역 상태관리
Jest와 Enzyme 활용한 포탈 사이트 프론트엔드 유닛 테스트 작성

BQuest
                    같은 과 학생들을 위한 멘토 멘티 매칭 플랫폼
                
AccomplishmentsTools: React.js, Redux, Reselect, Immutable.js, Docker, Django
React와 Redux 사용하여 매칭 플랫폼 프론트엔드 아키텍처 구축
Reselect와 Immutable.js 활용한 멘토 멘티 상태관리 및 캐싱

Daily Bruin
                  UCLA 학생들을 위한 뉴스 플랫폼
                
AccomplishmentsTools: React.js, Next.js, Moment, Axios, React Markdown
React와 React Markdown 활용한 UI 구축
Next.js 활용한 프론트엔드 서버 사이드 렌더링

포트폴리오 웹사이트
                  포트폴리오 용도로 제작한 웹사이트
                
AccomplishmentsTools: HTML, CSS, Typed.js, Materialize, GitHub Pages
Typed.js랑 Materialize 프레임워크 활용한 UI 스타일링
GitHub Pages 이용해서 포트폴리오 웹사이트 호스팅

EZSwipe
                  재학생 식권 거래용 모바일 어플
                
AccomplishmentsTools: Android Studio, Java, Firebase
Android Studio 활용한 모바일 어플 UI 구현
Firebase 활용한 DB 저장 및 유저 인증