포트폴리오

Search

프로젝트 개요

도입배경

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
참참

서비스 개요

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

역할

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

기간

2020-06 ~ 2022-04

기술 스택

•
React-Native
•
typescript
•
Mobx (mst)
•
graphql
힛플

서비스 개요

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

역할

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

기간

2021-06 ~ 2022-01

기술 스택

•
React
•
typescript
•
Mobx
•
Apollo graphql
•
Apollo Client

개발 이슈 및 문제 해결 경험

Rebitly

서비스 개요

토큰을 발행하여 자금을 모으고, 예치(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

개발 이슈 및 문제 해결 경험

DirectCloud