🗄

Portfolio

Gallery View

포트폴리오

프로젝트 개요

도입배경

Cordova 기반의 SPA(Single Page Application) 프로젝트인 클라이언트 프로젝트가 급격하게 커짐에 따라서 jQuery 를 통해서 Dom 을 변경하는 코드가 유지보수가 힘들게 됨.

React를 사용하려 했으나, 기존의 popUp control 함수와 호화이 어려울 것 같다고 판단하여 React의 개념을 도입한 커스텀 라이브러리를 제작하기로 결정

요구사항

가상돔(Virtual DOM)을 통해서 실제 DOM 의 변경에 따르는 성능을 향상시키고, 상태값을 통한 DOM의 변경을 이루는 Component 개념이 필요함.

그리고 기존의 프로젝트 구조를 (특히 popup 구조 관련) 유지하면서 도입할 수 있는 라이브러리가 필요

구성

snabbdom 의 third party 라이브러리인 snabby 를 사용해서 구현함. React 에서는 props, state 로 나뉘어있지만 해당 라이브러리에서는 모두 props 를 통해서 상태값을 컨트롤함

기간

2019-01 ~ 2019-01

구현

급구 프론트 라이브러리 제작

프로젝트 개요

기존에 있던 한 중국인이 만든 라이브러리 react-native-datepicker를 사용하다가 계속 업데이트가 되지 않고(마지막 커밋이 2년 전인 라이브러리), deprecated 된 함수들을 사용하고 있었다. 심플한 기능이지만 여러모로 오래된 라이브러리라서 수정해서 라이브러리를 올림

기간

2019-10 ~ 2019-10

변경점

•

IOS 애니메이션 퍼포먼스 개선
기존에 IOS Modal 팝업 애니메이션이 버벅거리던 현상 수정

•

Typescript 화

•

deprecated 된 함수들 새로운 함수로 변경

github 주소

https://github.com/LSJJOON/react-native-datepicker

react-native-datepicker

서비스 주소: https://charmcharm.io/ (현재 shutdown)

앱 개요

서비스

지그재그 초기 모델처럼 흩어져있는 쥬얼리 관련 상품들을 모아서 정보제공 및 추천해주는 서비스

기간

참참

서비스 개요

화장품 정보들을 모아서 정보를 얻고 데이터를 통해서 추천 및 리뷰들을 모으는 서비스

역할

Front-end 2명, Back-end 1명으로 구성된 팀에서 Front lead 로 작업 진행

기간

힛플

서비스 개요

리타겟팅이 가능한 링크를 생성해주는 마케팅 B2B SaaS.

역할

Front-end 2명, Back-end 2명으로 구성된 팀에서 Front lead 로 작업 진행

기간

2021-06 ~ 2022-01

기술 스택

•

React

•

typescript

•

Mobx

•

Apollo graphql

•

Apollo Client

개발 이슈 및 문제 해결 경험

Rebitly

서비스 개요

Trapeza Protocol, Ignite Protocol

토큰을 발행하여 자금을 모으고, 예치(Stake) 하는 사람들에게 이자를 지급하고, 토큰을 Bond 를 통해서 판매하는 Defi 서비스를 런칭. Trapeza 는 BNB 네트워크, Ignite Protocol 은 Klaytn 네트워크 위에서 만들어졌다.

기간

2021-12 ~ 2022-06

Block-Chain Defi Service

서비스 개요

Google Drive 와 같이 클라우드 스토리지를 기업 대상으로 제공하는 서비스 (B2B)

역할

Web Front-end 2명, IOS, Android 각 1명, 백엔드 4명으로 구성된 팀에서 web front 에 속함. Front 리드급으로 활동.

기간

2022-10 ~ 현재

기술 스택

•

React

•

Mobx

개발 이슈 및 문제 해결 경험

순수 javascript 사용 및 노후화된 코드들

DirectCloud

서비스 개요

배달 대행사들을 위한 솔루션을 개발하기 원하는 회사의 수요에 맞춰 개발한 플랫폼. 크게 Admin, 배달대행사, 기사를 위한 서비스 세 개로 나뉨.

더즌 API 를 사용해서 이체 서비스 구현.

서비스 상세 (요구사항)

•

어드민

◦

각각의 배달 대행사를 생성하고 관리하는 어드민 기능 구현. 

•

배달 대행사

◦

기사를 등록 및 관리

◦

쿠팡, 배민으로 부터 다운 받은 엑셀 파일을 업로드 하면 자동으로 기사별로 정산 정보들이 입력되도록 하는 기능 추가

◦

출금 내역 정보

◦

엑셀 업로드 정보를 기반으로 수익금 내역 및 정산 내역 관리

◦

대시보드 기능

•

기사

◦

배달 대행사가 업로드한 엑셀 파일 정보를 기반으로 정산금 내역 및 출금 리스트를 볼 수 있음

역할

개발 총괄 (개발에서 인프라, 배포 등 전체 혼자 진행)

기간

2025-7 ~ 2025-10

기술 스택

호감 페이먼츠