home
이력서
home
Product
Side Project (Essential)
Side Project (Etc.)
GitHub
TISTORY Blog
Instagram
home

커피어때 DID

유형
Product
한 줄 소개
주식회사 포고든의 무인카페 브랜드 “커피어때”의 DID 자체 개발 프로젝트
프로젝트 기간
2024/06/07 → 2024/10/03
프로젝트 기술 스택
Tailwind CSS
Typescript
SWR
React-Hook-Form
Zod
Socket.io
PNPM Workspace
Mantine UI
Electron
AWS
Preact
Vite
Day.js
Nest.js
Maria DB
Redis
TypeORM
팀 구성
주식회사 포고든 소속 제품
담당 포지션
Desktop
Back-End
2 more properties

담당 역할 및 기술 스택

•
커피어때 DID 제품의 전체 소프트웨어 개발 포지션을 담당함.
•
Front-End 기술 스택
◦
Preact
◦
PNPM Workspace + Turborepo
◦
Electron
◦
Vite
◦
Tailwind CSS
◦
Mantine UI
◦
Socket.io
◦
AWS S3 + AWS Cloudfront Static Serving
◦
SWR
◦
React-Hook-Form
◦
Zod
◦
Day.js
•
Back-End 기술 스택
◦
Nest.js
◦
Maria DB
◦
TypeORM
◦
Redis
◦
Socket.io (with Redis Pub/Sub adaptor)
◦
AWS Lightsail
◦
PM2

 주요 개발사항

•
커피어때 DID Electron Desktop / Backend 신규개발 (2024.06.07 ~ 2024.06.10)
◦
커피어때 DID 신규 개발을 위한 Frontend UI와 Desktop 패키징, 그리고 Backend API 개발을 진행함.
▪
점포별 DID의 실시간 원격제어를 위한 Socket.io 게이트웨이 및 클라이언트 개발
•
이를 통해 커피어때 점주관리서비스로 DID를 로그아웃/재부팅/종료/점검모드활성 등을 제어할 수 있음.
•
Socket.io 게이트웨이를 통해 실시간으로 커피로봇으로부터 제조상태(제조시작, 제조완료, 픽업완료)를 받을 수 있음.
▪
점포별 DID 등록/수정/삭제를 위한 계정계 API와 QR 기반 KIOSK 로그인 기능 UI 및 API 개발
•
DID의 디스플레이는 터치가 불가능하기 때문에, QR을 통해 점주의 스마트폰으로 DID를 로그인시키고, 커피어때 점주관리서비스를 통해 점주의 스마트폰으로 DID를 관리할 수 있도록 함.
▪
점포별 주문 메뉴 실시간 제조 현황 표시를 위한 UI 및 API 개발
•
위에서 소개한 Socket.io 클라이언트를 통해 실시간으로 제조 현황을 받아, 제조 상태에 따라 상품 정보/주문 번호/픽업 안내 팝업/음성 나레이션을 제공함.
•
SPC Secta9ine의 O2POS 등록 상품과 연동하여 현재 제조중인 메뉴의 상품 정보를 제공함.
•
자체 개발한 “electron-proxied-axios” 라이브러리를 통해 O2POS API를 호출하도록 함(CORS 문제를 우회하기 위함.)
•
Axios에 Electron IPC를 랩핑하여 Axios의 DX를 유지하며 Electron 환경에서 CORS를 우회할 수 있는 electron-proxied-axios 라이브러리를 개발함.
◦
특이사항:
▪
4일만에 DID에 대한 모든 기능이 개발됨.
◦
커피어때 DID Electron Desktop / Backend 유지관리 (2024.06.10 ~ 2024.10.03)
▪
커피어때 신규점포에 대한 신규 DID 등록 및 현장 설치 수행
▪
AS/CS 및 현장대응 팀을 위한 원격기술지원 수행