어제 보다 더 나은 제품을 만드는 개발자
Profile
안녕하세요. full-stack 개발자 김 한울입니다. 과거에는 백엔드 개발자로 일했으나, 제품 개선에 관심이 많아 하나씩 배우다보니 자연스레 full-stack 개발자가 되었습니다. 최근에는 saas 기반의 제품들을 빠르게 활용하여 프로덕트를 만드는 것에 많은 시간을 할애하고 있습니다.
E-mail alwaysfun2183@gmail.com
Experience
Tech팀
모노레포 기반 디자인 시스템 개발
Description
•
파편화된 UI를 통합하여 개발자 생산성에 기여
What I Did
•
Turbo 기반의 모노레포 환경 구축
•
eslint, ts-config, tailwind, ui, design-token 공통 패키징화
•
공통 컴포넌트 구축
Tech Stack
•
Front-End
◦
TypeScript, Turbo Repo, Next.js, tailwind-css, storybook
CI/CD 프로세스 개선
Description
•
오래된 CI/CD 프로세스를 개선하여 개발자 생산성 향상에 큰 기여
What I Did
•
CRA → VITE로 빌드 환경 변경 (50% 빌드 속도 개선)
•
Vercel 기반 PR 단위 Preview 환경 구축 (매일 하루 10개 이상의 Preview 환경이 생성되고 있음)
•
github workflow 기반 CI/CD 환경 개선
•
git flow → Commit-Train Based 배포 방식으로 변경
React Native 
웹뷰 인터페이스 설계 및 구현
Description
•
웹뷰에서 Native 기능을 활용하기 위해 인터페이스를 구현
What I Did
•
웹뷰와 RN간 Post Message 기반 인터페이스 구현
•
웹뷰 Post Message를 활용해서 Stack Navigation 구현
legacy React 프로젝트 개선
Description
•
오래된 프로젝트를 협업이 쉽게 가능하도록 프로세스를 개선
What I Did
•
esLint, styleLint Rule 선정 및 적용
•
PR 리뷰 프로세스 개선 (github Action, Branch 관리 전략)
•
type-safe한 개발 환경을 위한 graphql codgen 적용
•
signed URL 기반 이미지 업로드 구현
•
lazy import를 활용하여 랜딩 속도 개선
•
Lambda 기반의 image resizer 기능 개발
T&A (호텔 팀)
호텔 랏징뷰 개선
Description
•
호텔 상품을 자연스럽게 구매할 수 있도록 플로우 개선
What I Did
•
fetcher를 React-Query 기반으로 개선
Tech Stack
•
Front-End
◦
TypeScript, , Next.js, Styled-Component, storybook
T&A (투어 앤 액티비티팀)
호텔, TNA 셀프 패키지 프로젝트
Description
•
유저가 스스로 패키지 상품을 만들어서 관리할 수 있도록 하는 시스템 구현
What I Did
•
Triple Design System 기반 UI 구현
•
storybook 기반 컴포넌트 모듈화
Tech Stack
•
Front-End
◦
TypeScript, , Next.js, Styled-Component, storybook
TNA 파트너스 시스템 프로젝트
Description
•
전 세계의 다양한 트리플 파트너 대상으로 상품에 대한 모든 정보를 관리할 수 있는 파트너 센터 시스템 구현
What I Did
•
Triple Design System 기반 UI 구현
•
storybook 기반 컴포넌트 모듈화
Tech Stack
•
Front-End
◦
TypeScript, , Next.js, Styled-Component, storybook
Code Pot,
full-stack Engineer
2020.5 ~ 2021.9
Description
스파르타 코딩 클럽 강의를 하면서 얻은 인사이트를 바탕으로 1인 창업
예치금을 예치하고, 매주마다 코딩을하며 배운 것을 공유 시 일정 금액을 돌려받는 구조의 플랫폼 (개발자 버전의 챌린저스)
What I Did
•
Atomic Design 기반 Design-System 구현
•
Apollo 기반 graphql 환경 구축
•
Vercel 활용한 front-end CI/CD 환경 구축
•
Serverless, github Action을 활용하여 backend CI/CD 환경 구축
•
front, backend type 통합을 통해 type-safety한 환경 구축
Tech Stack
•
◦
TypeScript, , Next.js, Styled-Component, storybook
•
◦
TypeScript, Apollo-Server, Prisma, Serverless, Lambda
대출 UX팀
P2P 주택 담보 대출 리뉴얼
Description
대대적인 UI/UX 개선으로 인한 대출 취급액 전년 대비 6X 성장 (105억 → 670억)
ADMIN 자동화를 통해 주택 담보 대출 승인 시간을 4일에서 1일로 단축
What I Did
•
NICE/KCB 신용 정보 평가 연동
•
DSR 및 한도 산출 기능 구현
•
스크래핑부터 한도 산출까지 전체 Process 설계
•
ADMIN 서류 업로드 자동화
•
테스트 커버리지 90% 확보
Tech Stack
•
Python, Django, Celery, ECS, MySQL, pytest, jenkins
개인 신용 대출 CSS(신용 평가 시스템) 2.0 구현
Description
NICE 신용 평가사를 추가함에 따라 신용 평가 시스템 리빌딩
What I Did
•
NICE 신용 정보 평가 연동
•
신용 평가사 정보를 바탕으로 피플펀드 신용 평가 점수 도출
•
개인 신용 대출 전체 Process 설계
•
테스트 커버리지 90% 확보
Tech Stack
•
Python, Django, Celery, ECS, MySQL, pytest, jenkins
플랫폼 개발팀
카카오페이 P2P 투자 연동
Description
P2P 업계 최초 카카오페이 투자 연동
4개월 만에 400억 상품 투자 달성
What I Did
•
카카오페이 투자 API 설계 및 연동
•
테스트 커버리지 90% 확보
Tech Stack
•
Python, Django, Celery, ECS, MySQL, pytest, jenkins
개인 신용 대출 CSS(신용 평가 시스템) 1.0 구현
Description
KCB 신용 평가 시스템 기반 신용 평가 시스템 구축
What I Did
•
KCB 신용 정보 평가 연동
•
신용 평가사 정보를 바탕으로 피플펀드 신용 평가 점수 도출
Tech Stack
•
Python, Django, Celery, MySQL
데이터 수집 Flow 개선
Description
segment, amplitude를 활용하여 투자 및 대출 관련 대시보드 구축
What I Did
•
event 정의 및 수집 rule 정립
•
P2P 투자 및 대출 이벤트 수집 기능 추가
Tech Stack
•
segment, amplitude, python
KT
Technical PM
2013.7 ~ 2016.1
테크니컬 아키텍처팀
Description
테크니컬 PM으로 인프라 설계를 담당
What I Did
•
IOT BSS 인프라 설계
•
차세대 BSS 시스템 인프라 관리
•
CRIS 마이올레 시스템 설계
Other Experience
강의 활동
2020.11 ~ 2020.4
Description
Code Pot,에서 주니어 개발자 멘토링 및 React 강의
What I Did
•
React 기반 성향 테스트 강의
•
주니어 개발자 커리어 코치
Tech Stack
•
React, Typescript, Styled-Component, netlify
2020.1 ~ 2020.11
Description
스파르타 코딩클럽에서 1년간 full-stack 오프라인 강의
What I Did
•
매주 2회씩 1년간 주니어 개발자를 위한 커리어 코치 및 수업
Tech Stack
•
HTML, CSS, Javascript, flask
사이드 프로젝트
2024.01 ~
Description
•
전국 7만여개의 전기차 충전소 메타 서비스
•
전기차 비교 기능
what I did
•
전체 서비스 구현
Tech Stack
•
Next.js, Vercel, supabase, shadn
Description
•
전국 파크골프장 정보를 한 곳에 모아놓은 메타 서비스 웹뷰 앱
what I did
•
카카오 지도 기반 서비스 구축
Tech Stack
•
Next.js, Vercel, turbo-repo, shadn, expo
Description
•
간단하게 배경화면 제거할 수 있는 서비스
what I did
•
imgly 라이브러리 기반 배경화면 제거 기능 구현
Tech Stack
•
Next.js, Vercel, imgly.js, shadn
2022.11 ~
Description
•
테슬라 차주들을 위한 슈퍼차저를 쉽게 찾을 수 있는 서비스 구현
what I did
•
mui 라이브러리를 활용하여 빠른 CSS 구현
•
supabase 활용하여 backend 개발 최소화
Tech Stack
•
Next.js, Vercel, material-ui, supabase
블로그 포스팅
Skills
•
programming-language: Javascript, Typescript, graphQL, python
•
Front-End: React.js, Next.js, Styled-Component, Apollo-Client, Turbo Repo, tailwind css
•
Back-End: Apollo-Server, Prisma, Django, flask, Node.js, supabase
•
CI/CD: Vercel, github Action, serverless, lambda
•
Database: mysql, posgresql, redis
•
Data tools: segment, amplitude
Education
한양대학교
정보시스템학과 졸업 (2007.3 ~ 2013.6)
