사내 디자인 시스템의 부재와 그로 인한 생산성 저하를 해결하기 위해 개발한 UI 라이브러리입니다. 새로운 라이브러리를 바닥부터 직접 개발해볼 수 있었고, 배포 후에 다양한 프로젝트에 실제로 사용하였습니다.
오프라인 매장 방문 데이터를 다양한 통계량과 UI를 통해 제공함으로써 인사이트를 얻게 해주는 서비스입니다. 사내 첫 React 프로젝트이며 d3.js 차트를 포함한 대부분의 UI를 만들었습니다. 일반적이지 않은 지도와 차트 UI를 직접 개발하는 재미가 있었습니다.
서울대학교 첫 온라인 축제인 Fes-world를 개발했습니다. 6주간 혼자 힘으로 개발하였으며, 축제 기간 동안 12,000여명의 방문자가 PC/모바일로 방문했습니다. UI/UX, 애니메이션, 성능최적화, firebase auth, firestore, redux 등 다양한 개념을 프로젝트에 녹여내었습니다.
물리 엔진에 의해 움직이는 구슬이 음악을 연주하는 팬아트입니다. Matter.js의 Engine과 HTML Canvas를 이용하여 물리적인 움직임을 구현했고, Tone.js와 garageBand를 이용하여 음악을 연주했습니다.
loplat 홈페이지를 여러 차례 리뉴얼하며 개선했습니다. 고객사뿐만 아니라 불특정 다수에게 공개되는 사이트인만큼 검색엔진 최적화와 성능에 더욱 신경 썼습니다. 또한, 다국어 지원을 위해 i18n을 도입했습니다.
온라인 강의 플랫폼인 inflearn에 자체 제작한 Next.js 강의를 올리고 지식공유자로 활동했습니다. Next.js 공식 문서와 소스 코드를 분석하며 강의 내용을 기획했고 영상 촬영, 편집, Q&A 등의 색다른 경험을 할 수 있었습니다.
유동인구의 시간별 이동 경로를 시각화한 지도 서비스입니다. 로플랫이 수집한 매장 방문 정보를 시각화하고 그 정확도를 홍보하기 위한 프로젝트로, 이틀만에 베타 버전을 개발하여 SNS에 홍보되었습니다.
채식 식당의 정보와 재방문율을 알려주는 지도 서비스입니다. 로플랫이 가지고 있는 재방문율 데이터를 활용했습니다. 지도 클러스터링, 모바일 제스처, 역동적인 UI, URL을 이용한 공유 기능 등 좋은 UX를 위한 여러 장치를 개발했습니다.
사내 데이터 검수를 위한 사이트입니다. 회사 초창기부터 Vue로 짜여져 있던 프로젝트를 React로 마이그레이션하였습니다. Vue의 기본 문법과 기존 코드의 문제점을 파악하였으며 React로 마이그레이션하는 과정에서 재활용과 유지보수 가능한 코드를 작성하는 것에 주의를 기울였습니다.
서울대학교 공과대학 우수학생센터 공우(STEM)의 홈페이지입니다. 백엔드 개발자 1명과 협업하여 Next.js와 GraphQL을 중심으로 개발했습니다. 새로운 기술 스택과 여러 애니메이션을 시도하였습니다.
고객사가 사용자에게 보낼 마케팅 캠페인을 설정하고 광고 성과를 분석할 수 있도록 해주는 서비스입니다. 회사에서 가장 오래된 메인 프로덕트 중 하나로, Vue.js를 학습한 뒤 추가 기능 개발과 유지보수를 담당했습니다.
오프라인 foot traffic을 기반으로 최근 한 달간 브랜드/상권별 방문자 추이를 확인할 수 있는 서비스입니다. 사내 웹사이트 프로젝트 중 최초의 B2C 프로젝트이고, SSR을 위해 새로운 기술을 많이 도입했습니다.
SAP Labs Korea의 HANA Platform Core Korea CloudOps 팀에서 인턴십을 수행하였습니다. SAP UI5와 d3.js를 학습하고 세계 여러 지역에 위치한 데이터베이스들의 핑 데이터를 시각화한 대시보드를 구현했습니다.
