사내의 대부분의 데이터를 통합 조회 및 관리하고, 시료의 관리부터 실제 실험 및 분석의 가동, 그 후의 데이터의 입력까지 자동화하여 이용 가능한 사내 전용 서비스를 개발하는 프로젝트입니 다. 기존에 엑셀을 통해 분석 및 관리를 하던 이용자들의 서비스에 대한 적응 및 편의를 고려하여 ‘Handsontable’을 도입해 최대한 엑셀과 비슷한 환경에서 작업을 진행할 수 있게하였습니다. 회사의 특성상 데이터의 민감도나 보안이 특히 중요하여, jwt 토큰을 이용해 클라이언트를 검증 하였고, 각 페이지는 물론이고 각 데이터마다 접근 권한을 달

사내의 여러 프로젝트를 통해 모인 분석 데이터들을 모아 관리하고, 차트를 통해 시각화된 데이 터로 제공한 서비스입니다. 여러 프로젝트에서 수집된 데이터를 시각화하여 제공함으로써 분석 자료로 활용하고, 차후 진행 될 프로젝트의 의사결정에 도움을 주기 위한 용도로 개발하였습니다. 여러 차트 라이브러리가 있었지만, DOM 조작을 통한 데이터 접근 방식인 D3.js가 다양한 형태 의 차트를 구현하고 커스텀이 용이하다고 판단되어 D3.js를 통해 차트를 구현하였습니다. D3.js methods를 이용해 SVGElement DOM에 접근하고

한국 콘텐츠 진흥원의 2021 콘텐츠 인재양성사업 성과발표회의 온라인 전시관 프론트엔드 개발. 오픈소스인 'marzipano'를 이용한 360° 3D 전시관 구현. 한 달이라는 길지 않은 개발기간동안 처음 접해보는 WebGL을 학습하고, 개발까지 진행해야 했기에 쉽지 않은 프로젝트였습니다. 그 밖에도 여러 기관이 협업하다 보니 커뮤니케이션 등에서 여러 이슈가 있었지만, 조율을 통해 무사히 프로젝트를 완료할 수 있었습니다.

브루스 통근버스를 WebView의 형태로 개발하여, 앱으로 배포하는 서비스의 웹 화면 구성을 담 당하였습니다. 앱으로 배포가 되는 프로젝트였기에, Mobile First CSS를 고려하여 퍼블리싱을 진행하였고, 여 러 기기의 다양한 해상도를 고려하여 Media-query와 Viewport를 작성하여 반응형 레이아웃 을 구현하였습니다. 또한 Android, IOS와 같은 OS 차이에서 발생하는 이슈들과 문제점들을 이해하고 해결하여 OS 에 대한 구분 없이 크로스플랫폼으로 동작할 수 있게 개발하였습니다.

기존에 서비스 되고 있던 카카오 통근버스 웹/앱의 리뉴얼을 진행한 프로젝트입니다. 레거시 코드가 너무 많아 유지보수 및 확장에 한계라 느껴졌기에 리팩토링을 제안했고, 수락되어 진행하게 된 프로젝트입니다. 처음에는 레거시 코드를 걷어내고 마이그레이션을 하는 방향으로 리팩토링을 계획하였으나, 기획자가 투입되고 규모가 커져 UI/UX의 대대적인 수정까지 이루어져 퍼블리싱까지 진행했습니다. 레거시 코드의 수정 및 마이그레이션에 투입되는 비용보다 새로 개발하는 것이 비용이 적다고 판단되어 아예 프로젝트를 새로 개발하였습니다.