2019년 12월 - 2020년 8월 · 9개월
웹개발자, 프론트엔드 개발자, 백엔드 개발자
2020년 6월 - 2020년 8월 · 3개월
COVID-19 알림 챗봇 제작 2020-07 ~ 2020-08
코로나19로 인해 사내에서 규정하는 원격근무 여부 결정 및 현황 정보를 손쉽게 전달하기 위해 직접 회사에 제안 후 제작한 사이드 프로젝트입니다. Facebook Workchat API를 사용하여 Firebase cloud functions를 통해 배포하였고, Typescript, axios, cheerio를 활용하여 보건복지부, 대전광역시 코로나19 현황 페이지를 크롤링해 메시지를 전달하도록 구현하였습니다.
정렬 및 필터링 오동작 개선 2020-07 ~ 2020-08
백오피스 웹사이트로 불러오는 데이터 중 특정 컬렉션에 대한 리스트에서 정렬 및 필터링이 정상적으로 작동하지 않는 문제에 대해서 불러온 데이터에 대해 요청 시 query에 포함된 필드들로 클라이언트 사이드에서 정렬 및 필터링을 수행한 뒤 Dataprovider에 반환해주도록 하는 방법을 사용하여 해결하였습니다.
동시 편집 방지 기능 구현 2020-06 ~ 2020-08
기존 백오피스 유저들 간 동시 편집으로 인한 overwriting 이슈가 있어 이를 방지하기 위해 신규 컬렉션을 추가하고, Apollo, GraphQL, Dataloader, Redis를 활용하여 schema, resolver 로 이루어진 서버사이드 API를 구성한 뒤 Firestore의 Transaction을 이용해 데이터를 편집 상태 변경 요청을 처리하고, Apollo client, React, GraphQL을 활용하여 편집 상태에 따른 UI 조건부 렌더링과 편집 상태 업데이트 및 해지를 mutation 할 수 있도록 구현하였습니다.
더보기
웹개발자, 프론트엔드 개발자
2019년 12월 - 2020년 3월 · 4개월
백오피스 유지보수 및 기능 개선 2020-01 ~ 2020-03
사내 자체 컨텐츠 관리용 웹페이지(TMS)의 크고 작은 이슈 해결
및 트러블슈팅, 유지보수 작업을 수행하였고, 컨텐츠 문서 생성 및 수정 시 필요한 태그 선택 기능을 기존 Dropdown 방식에서 CheckBox를 활용한 UI로 수정하는 등의 기존 기능 개선 작업도 병행하였습니다.
작업에는 대부분 React, Material-UI 를 사용하였습니다.
백오피스 검색기능 적용 2020-01 ~ 2020-03
사내 자체 컨텐츠 관리용 웹페이지(TMS) 내에 존재하는 여러 데이터를 검색을 통해 찾고자 하는 니즈가 있어 검색 기능을 구현하였습니다. Algolia를 활용한 검색 인덱스 생성과 Firestore 데이터 CRUD 작업에 대한 서버리스 트리거 코드를 작성하였고, 검색 UI 제작 및 API 요청 최소화를 위한 Debounce 적용 등에 대한 구현을 수행하였습니다.
작업에는 대부분 React, Material-UI, Algolia 를 사용하였습니다.
사내 홈페이지 리뉴얼 2019-12 ~ 2020-03
기존에 지킬로 제작하여 gh-pages로 배포되었던 회사 홈페이지를 리뉴얼하는 프로젝트를 진행하였습니다.
React를 활용한 SPA로, Google map과 Carousel 라이브러리를 사용하여 제작하였습니다.
디자이너와 직접 협업하여 초기 개발부터 배포까지 1인개발하였습니다.
더보기