어제 보다 더 나은 제품을 만드는 개발자
Profile
안녕하세요. full-stack 개발자 김 한울입니다. 과거에는 백엔드 개발자로 일했으나, 제품 개선에 관심이 많아 하나씩 배우다보니 자연스레 full-stack 개발자가 되었습니다. 최근에는 saas 기반의 제품들을 빠르게 활용하여 프로덕트를 만드는 것에 많은 시간을 할애하고 있습니다.
E-mail [email protected]
github | blog | linkedIn
Experience
full-stack Engineer
2024.5 ~
something to say
Description
What I Did
- Turbo 기반의 모노레포 환경 구축
- LLM 기반은 챗봇 구축
Tech Stack
- Front-End
- TypeScript, Turbo Repo, Next.js, tailwind-css
- Back-End
full-stack Engineer
2022.7 ~ 2023.8
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 기능 개발
front-end Engineer
2021.9 ~ 2022.7
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
TNA 파트너스 시스템 프로젝트
Description
- 전 세계의 다양한 트리플 파트너 대상으로 상품에 대한 모든 정보를 관리할 수 있는 파트너 센터 시스템 구현
What I Did
- Triple Design System 기반 UI 구현
- storybook 기반 컴포넌트 모듈화
Tech Stack
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
Other Experience
강의 활동