안녕하세요.
개발자 문동욱입니다.

토스의 B2C, B2B 대고객 서비스를 만드는 프론트엔드 개발자들이 모인 Frontend Product Chapter를 리딩하고 있습니다.

쿼타랩 팀 내에 챕터라는 조직의 개념을 처음 도입하고 프론트엔드 챕터 빌딩부터 운영에 대한 DRI를 맡았습니다. 최고의 인재를 모셔 온전한 자율과 책임 기반의 문화를 구현하겠다는 미션을 달성하기 위해 적극적인 채용 인플로우, 브랜딩, 프로세스 수립 등에 기여하였습니다.

투자 딜, 펀드 관리, LP보고 등 VC의 심사역, 관리자 등이 포트폴리오를 편하게 관리하고 투자 대상 기업과의 커뮤니케이션을 원활하게 할 수 있는 기능을 개발하였습니다.

투자 유치, 영업 보고, 주주 및 이사회 관리, 스톡옵션/RSU 부여 등 비상장 스타트업들이 금융/리걸 맥락에서 느끼고 있는 어려움과 불편함을 제거하고 개선하였습니다.

토스 코어의 혁신 비즈니스를 담당하는 사일로에 소속된 프론트엔드 개발자들의 업무 생산성을 향상시키고 성장 방향성을 잡는 것을 도와주는 리드 업무를 수행하였습니다.

토스를 사용하는 유저들에게 금융과 일상 혜택을 제공하는 만보기, 브랜드 캐시백, 행운퀴즈 등의 제품을 개발하였습니다.

이번 주 미션, 머니알림 등 혜택 탭 내에 들어가는 제품들과 토스의 멤버십 서비스인 토스 프라임을 개발하였습니다.

토스 앱 내의 내 보험 서비스를 개발하고, 토스 인슈어런스의 인터널 고객관리 솔루션 개발 및 AWS, Travis CI, Terraform를 사용한 프론트엔드 인프라 구축을 담당하였습니다.

고수와 소비자가 숨고 서비스를 벗어나지 않고 앱 내부에서 커뮤니케이션을 이어나가도록 만들어 서비스 이탈율을 낮추고 매칭 여부를 확인하기 용이하도록 Web Socket과 Notification API를 사용한 노티 기능을 추가하였습니다.

FCP를 개선하기 위해 Assets Caching 전략 개선, 번들 사이즈 감축, Critical Rendering Path 과정 등의 작업을 수행하여 FCP를 70% 가량 개선하였습니다.

기존에 있던 Vue 어플리케이션의 빌드 프로세스에 ts-loader를 추가하여 타입스크립트 빌드 프로세스를 구성하고 타입 에러가 자주 나는 부분부터 순차적으로 타입 분석 커버리지를 늘림.

처음 입사할 때 구성되어있던 gulp & gulp-webpack 플러그인으로 구성되어있던 빌드 프로세스를 webpack만으로 번들링과 트랜스파일링할 수 있게 마이그레이션하였습니다.

Django에 종속되어있던 Frontend 어플리케이션을 별도의 어플리케이션으로 분리하고 Express를 사용하여 SSR 렌더 서버를 직접 구현하였습니다. 당시 Vue 진영의 ISR 프레임워크는 성숙하지 않은 단계라 최소 기능만을 가진 렌더 서버를 직접 구현하는 방향을 선택했습니다.

중국 유저들이 주로 사용하는 Weibo, QQ, 치타 등 다양한 브라우저들에 대한 Cross Browsing 진행 및 중국 SNS 서비스와의 OAuth 2.0 연동.

주니어 개발자와 디자이너를 대상으로 하는 멘토링 프로젝트입니다. 3개월 동안 함께 토이프로젝트를 개발하며 커뮤니케이션, MVP 정의, 가설 검증 등 효율적인 협업을 위해 필요한 소프트스킬과 챕터 내에서의 코드 리뷰, 디자인 크리틱을 통한 하드스킬 모두 성장하는 것을 목표로 합니다.

중고같은 신입이 되기 위해, 또는 공부를 위해 사이드 프로젝트를 찾는 사람들을 위한 서비스. 조건에 맞는 토이 프로젝트를 찾거나 사람을 찾아서 프로젝트를 진행할 수 있도록 도와주고 싶은 마음에 시작한 사이드 프로젝트.
FE는 Vue와 TS, BE는 Express와 일부 API는 AWS Lambda를 사용한 Serverless API로 구현.

사이드 프로젝트로 제작했던 Lubycon프로젝트가 너무 방대한 코드로 인해 회사다니면서 유지 보수가 불가능해짐을 직감하고 Artwork 부분만 따로 떼어내서 작업해보기로 한 서비스. AngularJS를 사용하였고, 처음으로 AWS와 Docker를 사용하여 서비스를 제공하기 시작.

WebGL 기반의 3D 모델 웹 뷰어 및 에디터 개발. OBJ 파일을 JSON 형태로 파싱하는 Parser, Geometry에 텍스처 적용, 내부 광원 생성 및 Geometry의 질감과 스펙큘라 설정 등의 기능을 구현.

jQuery, AngularJS, Laravel을 기반으로 한 Artwork, Vector source, 3d model를 웹 상에 업로드하고 공유하는 서비스를 개발.