기존의 그로로 서비스는 Chakra UI라는 프레임워크에 종속적이며 필요에 따라 부분적으로 오버라이드를 하여 사용하고 있었습니다. 코드가 복잡함은 물론 node 버전도 올릴 수가 없는 상태라서 오래된 화면이나 라이브러리부터 하나씩 수정하는 작업을 진행했습니다. 프레임워크를 사용한 페이지는 기존과 동일하게 퍼블하거나 새 디자인 요청을 적용해드렸고, 간단한 라이브러리들은 직접 util 파일이나 훅, 컴포넌트들로 개발하여 대체하였고 화면마다 구성된 동일기능은 별도의 컴포넌트로 통폐합하였습니다. 또한 기간 내 다양한 이벤트 페이지 개발과 커뮤니티 서비스에 답글 및 멘션 기능 등을 추가로 개발, 처음 개발했던 개별 서비스 메이커를 기존 서버 내부로 포팅, 그 외에 거의 모든 화면들에 새로운 디자인과 기획을 받아 리뉴얼하였습니다.

첫 서비스 추가 개발 이후 팀 내에 퍼블리싱 가능한 인력이 없고, 리액트를 오랜 기간 사용해 보신 분이 없어서 추후 유지 보수를 계속해 주시길 요청하셨습니다. 이후 핀터레스트 형태의 간략한 메시지 또는 이미지를 무한 스크롤 형태로 출력하고 주제별로 쉽게 보기 위한 커뮤니티 서비스를 원하셔서 기획에 함께 참여하여 기술적 가이드를 드리고 lfmall 프로젝트 이후에는 본 계약을 체결하여 진행하였습니다.

LFmall 쇼핑몰의 일부 화면의 기능 및 디자인 리뉴얼과 일부 화면 신설하는 프로젝트를 진행하였고, 기존 기간에 추가로 2달 정도 더 연장하여 sns 형식의 패션 유형화 서비스 개발하는 프로젝트를 추가로 진행했습니다. 기획이 상시 변경되고 퍼블리싱과 백엔드 작업도 많이 진행되어 있지 않고 작업 기간도 길지 않아 미리 프론트 작업을 예상하여 작업하는 경우도 많았습니다.

기존 그로로 서비스와 연동되는 포스트 작성, 게시 등의 서비스입니다.

초기 계획은 몇 개월 먼저 투입된 사외 퍼블리싱팀에서 전달받은 html을 기반으로 작업할 예정이었으나, 해당 작업물과 기간에 문제가 많았고 디자인/기획 팀에서도 경험이 많지는 않아 어려움이 많았습니다.

결국 새 퍼블리싱팀을 구해야 했고 작업물을 받는 데까지는 최소 2달이 걸린다고 하여 직접 퍼블리싱까지 하게 되었습니다.

퍼블리싱 가능한 인원이 혼자라서 업무량이 많긴 했지만 원래 계획된 기간에서 2주 정도만 연장하여 개발까지 완료했습니다.

SSR 환경과 다양한 텍스트 에디터, 이미지 편집 에디터를 깊게 다뤄본 것이 좋은 경험이 되었습니다. 10월말일까지 개발계약을 잘 마무리하고, 2월말까지 주말이나 평일 퇴근 후 유지보수를 돕는 계약도 진행하였습니다.

포스코ICT의 웹 ERP 시스템을 React 환경으로 재구축 및 개편하는 프로젝트에 참여하였습니다.

기반이 되는 공통 컴포넌트가 사내 타 프로젝트에서 3~4년 전 node 버전으로 개발되어 다른 모든 라이브러리를 해당 버전에 맞춰서 작업하였습니다.

React Hook을 사용할 수 없는 환경이라 class 형태로 과거 방식의 개발을 경험해 볼 수 있었습니다. 먼저 개발 중인 팀원들 대부분이 React 개발이 처음인데다, 사외에 있는 퍼블리싱 팀도 React 같은 프레임워크에 맞춰 작업하는 것이 처음이라 가이드에 난항이 많았습니다.

삼성의 전 직원이 사용하는 기존 Knox Portal을 React를 사용하여 새롭게 개발하는 프로젝트입니다.

Material-UI를 지향하는 Knox 전용 공통 컴포넌트들과 해당 컴포넌트로 이루어진 일부 모듈들을 개발하였습니다.

기존의 삼성SDS의 Knox Portal 팀은 React 및 컴포넌트 형식의 디자인/개발 경험이 전혀 없었기 때문에 UX와 개발 방향을 제안드리며 작업하였습니다.

React 개발 경험이 많지 않아 좀 더 익숙해질 겸 지루하지 않고,

다양한 표현방식을 가진 포트폴리오를 만들고 싶었습니다.

일부 이미지 파일과 SVG 아이콘 등을 제외하고 content 및 사이트 구성, UX 기획, 디자인, 개발 등 직접 작업하였습니다.

개발 기간 자체는 꽤 길지만 가사 및 육아를 병행하였고, 실제 개발 시간은 476시간으로 주 40시간 근로 기준으로 59.5일 (약 두달 보름)입니다.

프로젝트 초기에는 디자이너 없이 Material-UI 기능과 디자인을 그대로 사용하여 기본적인 구조가 개발되었으나, 제가 계약된 당시에는 디자이너가 투입되어 해당 서비스에 디자인을 적용해야 했습니다.

기존에 작성된 코드는 이미 대부분 Material-UI에서 제공되는 컴포넌트들로 구성되어 있었기 때문에 해당 컴포넌트들에서 디자인 요소를 제거한 뒤 새로 스타일을 입히거나 오버라이드 하여 작업하였습니다.

클라이언트의 요청으로 회원 및 보유 암호화폐를 관리하는 웹 사이트를 개발하였습니다.

회원 간의 조직도를 웹에서 표현하기 위해 OrgChart 기능을 도입하였고 조직도가 상당한 분량의 데이터를 표현해야 하므로 Zoom In/Out, Drag, 검색ㅈ 기능을 추가로 개발했습니다.

설립되고 몇 년이나 흘렀지만 회사를 소개하는 웹 사이트가 없었습니다.

대표와 상의하여 content 및 사이트 구성, UX 기획 등을 하였습니다.

당시 솔루션 개발을 동시에 하고 있었으므로 개발 자체는 직접 하지 않았습니다.

클라이언트의 요청으로 ICO(Initial Coin Offering), IEO(Initial Exchange Offering) 기능의 웹 사이트를 개발하였습니다.

매끄러운 Parallax 효과를 위해 GSAP를 사용하였고 작은 기기에서도 테이블 형태의 정보를 쉽게 편하게 확인하기 위해 이중 스크롤 레이아웃으로 개발한 특이점이 있습니다.

오픈소스 기반의 암호화폐 웹 지갑과 거래소 소스를 지속적으로 개선하여 다양한 기업에 판매하였습니다.

처음에는 프랑스어 주석만 가득하고 기본 거래 기능만 있던 소스를 차트와 새로운 코인 연동, 성능 개선 등을 반복하고, 고객 요청에 따라 다양한 추가 기능을 개발하다 보니 해당 기능들을 옵션 형태로 넣고 빼며 최종적으로는 테마 형태로 디자인들을 추가하여 다양한 솔루션형태로 판매하였습니다. 또한, 사용자들이 소수점 단위의 구입, 구축, 전송 등의 다양한 계산을 해야 하므로 프론트에서 입력값에 따른 계산식을 개발하여 입력값에 즉시 출력되는 입력 제한 또는 계산 결과, 가이드 멘트 등을 개발했습니다. 당시 모든 타 거래소는 PC와 휴대기기 버전을 따로 개발했으나 완전 반응형으로 작업해온 특이점이 있습니다.

독학으로 퍼블리싱을 공부하며 지인들과 함께 팀을 꾸려 다양한 외주작업을 했습니다.

팀에 Backend 개발자가 따로 없었던 기간이라 WordPress, Gnuboard 등 다양한 프레임워크를 통해 업무를 진행하였습니다.