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

    오늘 내가 만든 프로그램이 누군가에게 도움을 줄 수 있다는 사실에서 동기를 얻습니다. 아이디어가 제 손을 통해 현실화되고, 그렇게 현실화된 프로덕트를 통해 사용자가 해피모먼트를 경험하는 것을 보면 보람을 느낍니다.

    Work


    비바리퍼블리카

    토스는 금융을 쉽고 간편하게 만들 수 있는 모든 것에 도전하는 금융 플랫폼입니다. 다양한 기술적 도전과 함께, 재미있게 일 하는 사람들이 만들어가는 문화가 어떤 것인지도 함께 경험하고 있습니다.

    Frontend Engineer

    Biz Silo

    2021.01 ~ 현재

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

    Insurtech Silo

    2019.12 ~ 2020.12

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

    Lubycon

    루비콘은 2014년 친한 친구들이 모여 결성된 팀으로, 여러 이해관계에서 벗어나 해보고 싶은 일을 마음껏 해보자는 취지로 운영되고 있는 팀 입니다.

    Frontend Engineer

    멘토링 프로젝트

    2020.01 ~ 현재

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

    Projects


    Solar System TS

    TypeScript, Vue.js, Three.js(WebGL)을 사용해 제작한 실시간 태양계 시뮬레이터. 케플러 궤도 6요소와 케플러 방정식 + 레가르 다항식을 사용하여 현재 날짜에 해당 행성이 어디에 있는지 위치를 추적하는 방향으로 구현하였습니다.

    Simple ANN

    TypeScript와 React, D3, ChartJS를 사용해 제작한 간단한 인공 신경망. 기초적인 Sigmoid, MSE 등의 알고리즘을 사용하여 구현되었으며, 레이어의 개수와 노드의 개수, 학습 횟수 등을 설정하면 학습 과정에서의 y값의 변화와 Loss의 변화를 시각화하여 확인할 수 있습니다.

    추후 여러 개의 Activation Function을 선택할 수 있는 기능과 레이어마다 노드의 개수를 다르게 하는 등 네트워크 커스터마이징을 좀 더 다채롭게 할 수 있는 기능을 추가할 예정입니다.

    Simple Waveform Visualizer

    오디오 파일을 웹 상에 업로드하여 여러가지 오디오 이펙터를 걸어볼 수 있는 어플리케이션. 현재 개발된 이펙터는 Compressor, Reverb, Delay, Filter (LPF, HPF), EQ, Distortion, Tremolo 정도이며, 각 이펙터는 오디오 이펙터로써의 기본적인 기능만 가지고 있는 상태입니다.

    다음 단계는 오실레이터를 사용하여 신디사이저를 만들거나, 트랙을 나누어서 동시에 여러 오디오 소스를 재생하며 이펙터를 사용할 수 있도록 변경할 예정입니다.

    Zarbis

    시계 + 날씨 + 미세먼지 정보 + 이쁜 사진 대시보드.

    집에 노트북이 남길래 하나를 대시보드 전용으로 쓰려고 만든 웹 어플리케이션. 크롬 익스텐션인 Momentum을 쓰고 있었지만 비염이 심한 본인을 위해 미세먼지 농도도 함께 보고 싶었는데 얘네가 해당 기능 제공을 안해줘서 하나 새로 만들어서 쓰는 중 입니다.

    배경사진은 날씨에 따라 알맞은 사진으로 변경되어 사용자가 굳이 구석에 있는 날씨 정보를 눈여겨 보지 않더라도 한 눈에 현재 날씨를 알아볼 수 있도록 하였습니다.

    저서


    커피 한 잔 마시며 끝내는 VueJS

    이 책에서는 VueJS에 대한 API뿐만 아니라 어떻게 활용하면 되는지에 대해 효과적으로 설명합니다. 이러한 활용 예제는 실전 애플리케이션을 구축해나가는 과정을 쉽고 효과적으로 학습하도록 도와줍니다.

    어플리케이션은 실무와 동일하게 REST API를 제공하는 백엔드와 통신을 통해 데이터를 받아온 후 클라이언트에서 상태 관리를 하는 과정으로 진행되며, 이때 필요한 REST API는 Github을 통해 프로젝트를 클론받는 방식으로 제공하고 있습니다.

    그뿐만 아니라 실전 애플리케이션을 구축해나가는 과정에서 겪을 수 있는 트러블 슈팅과 필자의 실무 경험을 바탕으로 하는 조언도 함께 학습합니다.