🏠 서울
🔗 깃헙: https://github.com/jung-han 🔗 블로그: https://junghan92.medium.com/ 🔗 링크드인: https://www.linkedin.com/in/jung-han-819501125/ 🔗 커리어리: https://careerly.co.kr/@jung.han
2024년, 7년차가 되는 프런트엔드 개발자입니다.
2021.07 -
Front-End Developer @LINE+, UIT
Line x Yahoo Premium(https://premium.yahoo.co.jp/)
Line과 Yahoo의 결합 멤버쉽 서비스입니다. 웹 뷰 기반으로 개발이 되었으며 이벤트 페이지와 멤버쉽을 관리할 수 있는 페이지를 개발하고 있습니다.
TypeScript, React, Tanstack Query를 사용해 개발하고 있으며 react-testing-library를 사용해 단위·통합 테스트를, playwright를 사용해 E2E 테스트를 작성하고 있습니다.
GPT를 사용한 사내 리뷰 생성 서비스
GPT-4를 활용한 사내 리뷰 생성기를 개발했습니다. 회사의 평가 기준과 어떤 기준으로 평가를 진행하는지, 모범 사례를 입력한 뒤 평가를 입력해 리뷰 작성을 도와줍니다.
TypeScript, React, GPT-4, LangChain을 사용해 개발했으며 LLM에 대한 전반적인 지식을 이해할 수 있는 좋은 프로젝트였습니다. 당시 약 1,000건 이상의 리뷰를 생성 했으며 추후 인사팀과의 리뷰 단계에서 좋은 평가를 받은 프로젝트였습니다.
Official Account Profile, CMS(https://manager.line.biz)
Official Account는 라인의 비즈니스 계정입니다. 비즈니스 계정 화면과 그를 관리하는 CMS를 개발하고 있습니다.
TypeScript, React, Next.js를 통해 개발하고 있으며 react-testing-library, cypress를 통해 테스트하고 있습니다.
Maintain UVP(Universal Video Player)
UVP는 사내 서비스에서 널리 사용되는 비디어 플레이어 프로젝트입니다. v1의 유지보수를 담당했으며 v2의 메이저 업데이트를 주도적으로 진행했습니다.
jsx-dom으로 개발된 플레이어를 preact로 마이그레이션했으며 jest, cypress, storybook을 도입해 테스트코드를 작성해 안정적인 프로젝트로 만들기 위해 노력했습니다. 그로 인해, 프로젝트의 생산성과 확장성이 크게 늘어났습니다.
2018 - 2021.06
Front-End Developer @ NHN, FE Dev lab Staff
업무를 효율적으로 진행하는 방법에 대해 고민이 많고 자동화에 관심이 많습니다. 다른 오픈 소스를 학습하는 것을 좋아하고 그 과정에서 필요한 부분들을 변화시켜 TOAST UI에 적용하려 노력하고 있습니다. 그 과정을 정리하고 공유하려 노력하고 있습니다.
Maintain TOAST UI Chart Open Source
차트 v3의 유지보수를 담당했습니다. 사내 사외 이슈를 대응했고 주로 버그 수정을 담당했습니다.
svg로 된 차트를 canvas로 마이그레이션하는 v4 업데이트에 참여했으며 성공적으로 메인테이닝 했습니다. jest를 사용해 단위 테스트를 작성하고 있으며 **Storybook**을 이용해 UI 테스트를 진행하고 있습니다. canvas를 통한 UI에 대해 많은 공부를 할 수 있는 시간이 되었으며 프로젝트를 주도적으로 발전 시켜나가는 주도적으로 운영할 수 있는 좋은 경험이였습니다.
제가 작성한 커밋, 코드는 이 링크와 이 링크에서 확인할 수 있습니다.
Maintain TOAST UI Grid Open Source
Backbone.js로 작성되어 있던 코드를 Preact.js를 사용해 마이그레이션하는 작업에 참여했습니다. 클립보드, 테마, 셀렉션, 포커스, 셀렉션, 필터 등 기능 개발을 담당했습니다. **Storybook**을 사용해 UI를 개발했으며 Cypress와 jest를 사용해 E2E 테스트를 했습니다. 이 과정에서 시각적인 테스트와 기능적인 테스트에 대해 분리하며 UI 테스트에 대해 고민할 수 있는 좋은 경험이었습니다.
마이그레이션이 완료된 이후에는 사내 문의와 사외 이슈를 대응하며 운영했습니다. lerna를 활용해 TOAST UI에 모노레포 형태를 도입했습니다. 이에 관한 글을 작성해 공유하기도 했습니다.
제가 작성한 커밋, 코드는 링크에서 확인할 수 있습니다.
Maintain TOAST UI Component Open Source
TOAST UI DatePicker, TimePicker, App-loader등 JavaScript 오픈 소스를 운영했습니다. JavaScript로 개발을 진행했고 karma와 jasmine을 통해 테스트 코드를 작성했습니다. 전반적인 오픈 소스의 철학과 정책, 운영방식에 대해 고민할 수 있는 시간이었습니다.
TOAST FILE (https://file.toast.com/)
React를 사용해 개발했고 Redux를 사용해 상태 관리를 했습니다. **Storybook**을 사용해 UI를 개발했으며 Cypress와 jest를 사용해 E2E 테스트를 했습니다. 모바일 결제, Lab 페이지, 다국어 처리 등 전반적인 프런트엔드 업무를 수행했습니다. PostCSS를 주도적으로 도입했고 관련해서 글을 작성해 공유하기도 했습니다.
기술 공유
2017.06 - 2017.08
Front-End Developer @ TMON, Internship
프런트엔드 업무 인턴십을 수행했습니다. React를 이용해 설문조사 폼을 만드는 과제를 수행했습니다.
2016.09 - 2017.02
Front-End Developer @ Getcha, Staff
JSP 기반의 환경에서 웹 페이지 퍼블리싱 업무를 주로 수행했습니다. jQuery와 HTML, CSS를 사용해 개발했습니다.
2013 - 2017
Inha University, Computer Science
Bachelor's Degree
2022.01-
번역 활동
Korean FE article이란 이름으로 번역 활동을 운영하고 있습니다. 양질의 프런트엔드 글을 번역해 공유하는 활동입니다. 한국 프런트엔드 생태계에 조금이나마 도움이 되기 위해 활동하고 있습니다. 2023년 12월 현재 총 12명의 팀원이 글을 번역하고 있고, 약 6,100명의 구독자가 있습니다.
2023.12
실무에 바로 적용하는 프런트엔드 테스트 강의 출시
공동 저자로 프런트엔드 테스트에 관련된 강의를 인프런에 출시했습니다. 테스트를 작성하는데 필요한 개념과 단위·통합 테스트, 스냅샷 테스트, 시각적 회귀 테스트와 E2E 테스트에 대해 다루고 각 테스트이 장점과 한계를 살펴본 뒤 프로젝트에 맞는 테스트를 설계하는 방법에 대해 작성했습니다.
실무에 바로 적용하는 프런트엔드 테스트 - 1부. 테스트 기초: 단위・통합 테스트 강의 - 인프런
실무에 바로 적용하는 프런트엔드 테스트 - 2부. 테스트 심화: 시각적 회귀・E2E 테스트 강의 - 인프런
2021.12