Name. 임기영, Hoodie
Birth. 1991.12.05
Email. [email protected]
Github. https://github.com/imki123
Blog. https://velog.io/@goyoung2
# 자기소개
👋 안녕하세요! 프론트엔드 엔지니어 Greety 임기영입니다. 긍정적이고 열정적이며 호기심이 많고 도전을 좋아합니다. 항상 친절하고 배려하는 성격으로 동료들과 두루두루 잘 어울리며 함께 고민하고 문제를 해결해나가는 것을 좋아합니다.
💻 저는 주로 React, Next.js, Typescript를 사용하여 웹 애플리케이션을 설계하고 개발해왔습니다. JSP 엔지니어로 2년 10개월, FE 엔지니어로 3년 경력을 가지고 있습니다. 동료와 함께 문제를 해결하고 제품 성능과 개발 생산성을 높이는 일을 좋아합니다.
✨ 저는 제품, 동료, 성장에 관심이 많습니다.
엔지니어는 제품으로 현실의 문제를 해결하는 사람이라고 생각합니다. 엔지니어링을 통해 가치있고 지속가능한 제품을 만들기 위해 노력합니다.
큰일은 혼자 이뤄낼 수 없다고 생각합니다. 서로를 피드백 해주는 훌륭한 동료들과 함께해야 더 높은 성취를 달성할 수 있다고 생각합니다.
개인과 팀의 성장을 통해 미래를 준비합니다. 틈틈이 개발 서적을 읽고, 신규 기술을 찾아보고, 개발 블로그 운영, 사이드 프로젝트를 진행하면서 동료와 정보를 공유하고 함께 성장해 나갑니다.
🙌 동료와 함께 현실의 문제를 해결해나가며 세상에 좋은 영향을 주는 엔지니어가 되고 싶습니다.
# 업무경력
해치랩스주식회사 (9개월~)
블록체인 보안 감사, 블록체인 지갑, 지갑 SDK 서비스 회사
Facewallet FE 개발 / 개선
2023.10 - 2024.02
- 기술스택: React, React Native, Typescript, ethers, react-router, Emotion, Recoil, ReactQuery, TurboRepo, Github Actions, Sentry, Amplitude, playwright, Jest, AntDesign, vite, webpack, rollup
- Facewallet은 B2B2C 가상자산 지갑 프로그램입니다. 기업에게 Facewallet SDK를 제공하여 제품에 Facewallet을 연동하게 하고, 사용자에게는 Facewallet standalone을 제공하여 지갑을 통해 가상자산을 관리할 수 있습니다.
- SDK 개발: Facewallet을 연동할 수 있는 face-sdk를 제공합니다. 기업 및 사용자들이 손쉽게 Facewallet을 연동하여 가상자산을 관리할 수 있습니다.
- 개발 생산성 향상: CI/CD 및 스크립트를 개선하여 개발 프로세스를 단축시키고 빌드 및 배포 시간을 30% 수준으로 낮추었습니다. 이를 통해 제품 생산성과 안정성이 크게 향상됐습니다.
- 지속가능한 코드 개선: 제품이 지속가능할 수 있도록 코드를 개선하는 작업을 진행했습니다. 변수나 함수를 명확하고 예측 가능한 이름으로 변경하여 코드 가독성을 크게 높였습니다. 또 재사용되는 코드를 추출하여 하나의 원장으로 관리하도록 하여 불필요한 작업이나 실수를 줄였습니다.
Henesis 2.0 대시보드 FE 개발 / 출시
2023.05 - 2023.10
- 기술스택: Next.js(v14, app router, RSC), Typescript, tailwind, react-hook-form, ReactQuery, Jotai, React Aria, Github Actions, Sentry, playwright, vitest
- Henesis 2.0 대시보드는 국내 기업용 가상자산을 관리하는 웹 프로그램입니다.
- 프로젝트 환경 구축: 초기 설계에 참여하여 대시보드에 적합한 기술 스택을 선정하고 UI/UX 설계 및 플로우 작성에 기여했습니다.
- 제품 성능, 개발 생산성, 사용자 경험 향상: 최신 기술인 Next.js 14버전을 사용했습니다. app router, RSC, use 훅 등의 기술을 적용하여 제품에서 다양한 이점을 누릴 수 있었습니다.
- 분할 키 및 암호 로직 관리: 블록체인 지갑의 보안을 위해 사용자의 지갑 키를 FE에서 관리합니다. FE에서 키를 분할하여 암호화하고 이중 일부를 서버에 전송하여 관리합니다. 또 키를 여러개로 분할하여 여러 사용자에게 권한을 부여하고 n of m 정책을 사용해서 여러명의 서명을 받을 수 있는 기능을 만들었습니다.
- 웹 접근성 향상: ARIA 표준을 구현하여 다양한 사용자들의 웹 접근성을 향상시켰습니다. React ARIA 컴포넌트를 주로 사용했고 react-hook-form과 결합하여 form을 관리하고 다양한 사용자 인터랙션을 처리할 수 있는 컴포넌트를 개발했습니다.
- CI/CD 자동화: Github Actions를 사용하여 빌드와 배포를 자동화했습니다. 개발 생산성을 크게 높였고 사람 실수를 줄일 수 있어서 제품 안정성에 큰 도움이 되었습니다.
- E2E 테스트 구축: 제품을 사용자 관점에서 테스트하는 E2E 테스트를 구축하였습니다. playwright를 사용하여 E2E 테스트를 작성했고 크론잡을 통해 주기적으로 E2E를 실행하여 제품의 결함을 찾고 실시간 피드백을 받도록 환경을 구축했습니다.
- Sentry 데이터 수집: Sentry를 이용하여 브라우저에서 발생하는 오류와 사용자의 로그를 수집합니다. 디버깅을 용이하게 하고 사용자의 행동을 분석하여 더 나은 서비스를 제공할 수 있도록 환경을 구축헀습니다.
- 스프린트 개발: 2~3주 단위의 스프린트 개발을 통해 잦은 주기로 사용자에게 제품을 제공하고 기민하게 요구사항에 대응할 수 있는 개발 프로세스를 갖추었습니다. 잦은 출시와 회고를 통해 긍정적인 피드백을 할 수 있는 문화를 갖추었습니다.
주식회사 그라운드엑스 (2년 3개월)
카카오의 블록체인 자회사. 블록체인 지갑 “클립” React FE 개발
Klip Mobile 2.0 FE 개발
2022.12 - 2023.03
- 네이티브 하이브리드 앱 FE 개발
- 프로젝트 환경 구축
- React, react-query, typescript, emotion, babel, webpack, storybook
- 아토믹 디자인, 스토리북 설계, 구현
- 컨테이너-프리젠터 패턴 적용
- UI/UX 개발
- 네이티브 브릿지 설계, 구현
- 프로젝트 환경 개선
- yarn berry
- npm → yarn berry
- npm의 복잡한 의존성 관리를 yarn berry의 zero-install, PnP를 사용하여 빌드 속도, 개발 효율 개선
- Vite
- webpack → Vite
- Vite로 빌드툴을 변경하여 빌드 속도 개선
- Linaria
- Emotion → Linaria
- Linaria의 zero-runtime css-in-js를 적용 css-in-js의 장점을 활용하면서 로딩 속도 개선
- Zustand
- redux → Zustand
- redux의 복잡한 상태관리와 코드 패턴, 보일러플레이트를 Zustand로 단순화하여 개발 효율 개선
- React-query
- redux-saga → React-query
- saga의 복잡한 보일러플레이트를 제거하였고 react-query의 캐싱 기능과 api 상태관리 사용하여 개발 효율 개선
- ErrorBoundary, Suspense를 사용하여 에러코드, 비동기처리를 효율적으로 개선
- 느낀점: 하이브리드 앱에 들어갈 마이크로 웹 서비스를 새롭게 구축했고, 적합한 라이브러리를 사용함으로써 개발 효율성과 제품 성능을 향상 시킬 수 있었습니다. yarn berry, Vite를 적용하여 빌드 및 배포 시간을 20% 수준으로 대폭 줄일 수 있었습니다. Linaria를 적용하여 컴포넌트 렌더링 성능을 50% 향상 시켰습니다. Zustand, React-query, Typescript 등을 적용하여 개발 효율을 향상 시켰습니다.
MultiChain & OpenWallet FE 개발
2022.09 - 2022.12
- 클레이튼 체인 뿐만 아니라 다른 체인을 확장 시킬 수 있는 멀티체인 & 오픈월렛 서비스 개발
- 이더리움 체인 추가
- UI/UX 개발
- 느낀점: 기존의 클레이튼 체인만으로는 다양한 고객들의 니즈를 만족시킬 수 없었습니다. 클레이튼 외에도 이더리움 등 다양한 체인을 적용함으로써 더 다양한 서비스를 확장시킬 수 있었고, 제품의 가치를 높이면서 고객의 만족까지 모두 얻을 수 있는 일석이조의 프로젝트였습니다.
Klip Swap FE 개발
2022.07 - 2022.09
- “클립 스왑” 출시, 스왑스캐너와 협력하여 클레이튼 체인의 FT를 최저 수수료로 손쉽게 교환
- 프로젝트 환경 구축
- React, react-query, typescript, emotion, babel, webpack
- 웹뷰 유저 세션 설계, 구현
- UI/UX 개발
- 스왑 API 설계, 구현
- 느낀점: swapscanner 사와 원활한 협업을 통해 빠르게 스왑 서비스를 배포할 수 있었습니다. 모든 기능을 직접 구현하기보다 전문화된 서비스를 제공하는 회사와 협업하고 공유하면서 더 많은 시너지 효과를 얻을 수 있었습니다.