🏠 서울
🔗 깃헙: 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
LandPress Genai
LLM을 활용한 AI 앱 개발 플랫폼을 구축하는 프로젝트에 참여하고 있습니다. Nest.js와 LangChain.js로 백엔드를, React로 프론트엔드를 개발하고 사내 인프라를 활용해 서비스를 운영하고 있습니다. R&D부터 기획, 디자인, 개발까지 전 과정에 참여하며, 팀원 모두가 프런트엔드 개발자이지만 AI를 통한 개발자와 서비스의 생산성 향상을 목표로 프로젝트를 수행하고 있습니다.
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를 통해 테스트하고 있습니다. 사내 클라우드 서비스를 활용해 FE뿐만 아니라 서버 인프라를 운영하는 경험을 함께 하고 있습니다.
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