flex의 Web Client Platform 팀에서 엔지니어로 근무하고 있습니다.
최근에는 내가 미래에 어떤 개발자가 되어야 하는지 고민이 많습니다.
미래에 좋은 리더가 되고싶은데, 이를 위해서는 기술적인 역량을 갖추고 팀원들에게 인사이트를 제공할 수 있어야 한다고 생각해요.
매일 뉴스레터를 챙겨보기도 하고, 업무를 진행하면서 마주하는 새로운 지식들을 어떻게 정리하고 학습하여 내 것으로 만드는지를 신경써가며 살고 있습니다.
조직 운영을 체계적으로 체계화 하는것에도 생각이 많은데,
조직적으로 문서화, 주석 등을 활용하여 히스토리를 관리하는것도 해보고 싶고, 배포/빌드 환경을 개선해서 팀원들의 생산성을 높이는것에도 관심이 갑니다.
(상반기에는 “구글 엔지니어는 이렇게 일한다”를 재밌게 읽었습니다.)
Contents
Blog
Search
경력
플렉스
Web Client Platform Engineer
2024.07 ~ 재직중
사람과 조직의 문제를 시스템으로 해결합니다.
Web Client Platform Division (2024.07 ~ )
채널 코퍼레이션
Web Team Frontend Developer
2022.04 ~ 2024.06
고객과 기업 사이의 모든 문제를 해결하는 서비스
Web Team (2023.01 ~ )
•
WebVital 지표 개선 (2024.05)
◦
subset을 구분한 font 적용으로 지표 개선
◦
라우팅/도메인별 모듈 분리 및 lazy-loading 적용으로 지표 개선
◦
개선 수치
▪
FCP 3.6s → 2.8s (-23%)
▪
TBT 1.2s → 0.8s (-34%)
▪
FID 1.2s → 0.5s (-59%)
•
영상/팀 Meet 개발 (2024.01 ~ 2024.04)
◦
장치 권한/에러 케이스 리팩토링 (2024.03 ~ 2024.04)
◦
LiveKit을 활용하여 전화 기능 구현
◦
여러 app에서 동일한 로직을 사용할 수 있도록 코어 모듈을 패키지로 추상화
◦
미디어 장치 선택의 크로스 브라우징 이슈 해결
•
멀티 채널 콘솔 기능 (2023.10 ~ 2023.12)
◦
여러 채널의 현황을 한 번에 보기 위한 뷰를 새로운 window context에서 구현 (popup window)
◦
기존 window와 별개의 context를 가짐으로 인해 발생하는 여러 이슈들을 해결
▪
global css, css-in-js의 기존 class들 적용
▪
사내 디자인 시스템이 window context를 제대로 찾지 못하는 이슈 등
•
Desk 프로젝트 최적화 및 DX 향상 (2023.01 ~ )
◦
Webpack, Dependencies, Build artifacts 캐싱으로 CI 최적화, 더 빠른 개발 주기를 가져갈 수 있도록 개선
◦
이미지를 bundle에서 제거, lazy-loading 및 webp 변환을 통해 client-side의 로딩 시간 개선
◦
turborepo 마이그레이션을 진행하여 패키지 의존성 정리 및 빌드 최적화,
패키지간의 의존성을 설정하여 개발 환경에서 발생할 수 있는 실수를 방지하게 되었음
◦
Redux 로직을 React-Query로 마이그레이션, 수백개의 API re-fetch를 줄여 로딩 관련 유저경험 개선
•
기능 개발을 위한 다수의 TF 참여 (2022.12 ~ )
◦
유저 웹 훅 개선, ISMS 대응 등
GE Team (2022.04 ~ 2022.12)
•
홈페이지 성능 개선
◦
이미지 Lazy-loading 및 layout-shift 최소화
◦
기획별로 적절한 SSG/SSR 정책 채택
◦
language별 i18n asset 분리 및 로딩 최적화, CDN 적용 등
◦
개선 작업 이후 Lead 제출 약 30% 증가
•
Nextjs, Monorepo 환경 관리
◦
팀 내 협업 문화 형성에 기여
◦
문서 관리 시스템, CRM 툴 등의 인하우스 툴 개발
노리코리아
Frontend Developer
2021.04 ~ 2022.04
맞춤형 교육을 받을 수 있는 에듀테크 서비스
•
사내 프로젝트 개발 및 유지보수
•
React, Nextjs, Storybook 환경에서의 개발 경험
•
반응형 디자인을 고려한 컴포넌트 설계
Skills
Frontend
•
JavaScript, TypeScript
•
React.js, Next.js, Storybook, Css-in-js, React-query, tailwindcss
•
Webpack, Babel
•
Eslint, Prettier
Backend
•
Node.js, Express.js
•
Sequelize, MySQL
Ops
•
Github Action, CircleCI, AWS(ECR, ECS, S3, CF)
•
Turborepo, remote cache
대외 활동
Naver Boostcamp 리뷰어
(2022.09 ~ 2022.10)
Naver Boostcamp
(2020.07.27 ~ 2020.12.18)
•
Full-stack 흐름을 파악하는 개발 경험
•
React, Storybook 등을 사용한 컴포넌트 기반 개발 경험
Naver Campus Hackday
(2020.04.29 ~ 2020.05.22)
경기대학교
컴퓨터공학부 졸업 (2014.03 ~ 2021.02)