```cv
tweet
https://twitter.com/hmartapp/status/1645252545668067328
```

Friday GPT 작동 시연 비디오

풀스택 개발자

하루 만에 혼자 3D 로 신년카드 웹앱을? [항해+ 코육대 2회 회고]

항해 99에서 신년 맞이로 개최한 코육대 2회 행사에 참여해서 최우수 프로젝트 상을 수상한 프로젝트의 상세 개발 과정을 회고 문서로 작성하였습니다.

24시간 대여에 만원하는 1인실 대여공간에서 VR 코딩

좁은 1인실에 프로그래밍 할 때에도 프로그래밍 효율을 높이기 위해서 VR에서 개발을 진행하는 것을 실천해보았습니다. 그 과정에서 VR 을 맥북과 연결해서 가상 윈도우를 사용하여 좁은 공간에서도 큰 모니터를 사용하는 것 같은 효과를 얻어서 작업 효율을 개선하는 경험을 하였습니다.

Node.js 에서 4.6KB짜리 모듈로 1MB미만 데이터 압축하기

GZip 압축에 의존하지 않고 별도 초경량 압축 모듈로 JSON 데이터 압축을 진행할 수 있는지 리서치해보았습니다. LZString 을 통해서 이를 가능함을 확인하고 지리 프로젝트에 응용하였습니다.

UX 및 서비스 기획 중 테스크 플로우 작성용 피그마 소스 리서치

UX 및 서비스 기획 중에 활용될 수 있는 Task Flow Chart 의 피그마 소스들을 리서치하였습니다. 실제로 회의 및 UX 개발 중에 활용할 수 있는 좋은 샘플들을 당시 수집해서 지금까지도 잘 활용하고 있습니다.

Node 캐싱 모듈 LFU LRU 설명

Node.js 에서 Redis 를 사용하지 않을 때에도 캐싱을 LFU 와 LRU 를 활용하여 구성하는 방법을 리서치하고 정리해보았습니다. 로컬 상에서 스크래핑 프로그램을 개발하게 될 경우 주로 활용하고 있습니다.

최소한의 개발자 인력과 최소한의 돈으로 서비스 만들때 유용한 스택 모음

최소한의 개발자 인력으로 서버리스 등의 기술을 활용하여 서비스를 구축하는 기술과 SaaS 서비스들에 대해 리서치해서 공유해보았습니다.

항해 플러스: 제2회 코딩 육상 대회 최우수 프로젝트 상

소셜벤처 아이디어 프로듀스20 우수상 KIST원장상

국방부 창조국방 아이디어 공모전 우수상  국방부장관상

경찰청 제4회 과학치안 아이디어 공모전 우수상 KIST원장상

전자기기기능사

· 뉴스나 만화 등에서 종종 표현되는 긴박해보이는 이미지를 쉽게 생성할 수 있는 웹 이미지 생성기를 만들어 봤습니다. 귀여운 사진들에 편하게 강조효과를 줄 수 있고, 강조 위치도 이미지 정중앙이 아닌 자유롭게 선택할 수 있습니다.

· Next.js + Typescript 와 SCSS(BEM) 을 사용하였으며, Radial Blur Filter 기능을 위해서 Fragment Shader 를 활용하였습니다.

https://github.com/hmmhmmhm/do-urgency

긴박한 이미지 생성기

2016년에 Node.js 에 ES6 문법이 추가될 당시, 자바의 클래스 패턴을 자바스크립트에서 사용할 수 있게 하면서 타입 인텔리센싱이 가능하게 시도해봤던 프로젝트입니다.

Deploy Class

Unreal.js 출시 당시 자바스크립트로 언리얼엔진을 통제해서 만든 3D 닷지게임 모습입니다. 3ds Max 로 전투기 모델을 FBX 모델 단위로 분리한 후 애니메이팅을 적용하였으며, 물리엔진을 블루프린트와 Unreal.js 로 활용해보았습니다.

언리얼엔진 기반 3D 토이 게임 개발

· GPT 에 R&R을 부여해서 단계 별로 프로그래밍을 진행 시키는 프로젝트입니다. 재귀적으로 인공지능이 웹페이지를 검색하고 다시 스스로 질문할 뿐만 아니라, 코드를 완성하기 전까지 각각의 단계를 거치려 노력합니다.

· Next.js + Tailwind CSS 를 사용하였으며, Node.js 에서 Typescript 를 활용하면서 Open A.I GPT-4 를 사용하기 위해 Vercel 의 AI 모델을 사용하였습니다.

Friday GPT

· 새해 인사 우체통은 항해99 행사에서 개발한 프로젝트로 3D 로 신년인사 카드를 만들고 원하는 이미지를 추가해서 공유할 수 있습니다. 별도의 로그인이나 회원가입이 필요 없으며,웹에서 사용이 가능합니다.\
\
· LLM에 의해서 새해인사 메세지를 자동으로 작성 받거나, 카드 배경으로 사용 할 이미지를 A.I로 자동으로 생성해서 카드에 넣을 수 있습니다. 이 프로젝트는 오픈소스 프로젝트로 프로젝트 개발 과정이 모두 공개된 프로젝트입니다.

· Next.js + Tailwind + Valtio 를 사용하였으며, 인프라는 Vercel 을 통해 배포하고, 정적 이미지 저장소는 Cloudflare R2 를 사용하였습니다.

https://github.com/hmmhmmhm/posts.run

새해인사 우체통

영어와 숫자를 혼합하여 32진법을 구현하는 Base 32 를 모방해서 순수 한글로 72진법 인코드 체계를 만들었으며, 이를 이용하여 3미터 오차의 GPS 좌표를 짧게 한글 다섯자리로 압축하는 알고리즘과 구현체를 개발하였습니다.

무궁화 코드

육군 병장 만기 전역

2020년 7월 - 2021년 3월\
· 아하의 지식공유 플랫폼 서비스의 Nuxt.js 2버전의 3버전 마이그레이션 작업에 참여하였습니다. 또한 이 과정에서 vue-state-store 라는 오픈소스 상태관리 모듈을 만들어서 프로젝트에 적용하였습니다. https://github.com/AhaOfficial/vue-state-store

· 아하 커넥츠라는 온라인 상담 서비스의 Next.js 기반 UI 개발에 참여했습니다. 이 과정에서 상담에 사용되는 채팅 시스템을 Sendbird 기반으로 프론트엔드에서 연결하는 작업을 담당하였습니다.

프론트엔드 개발자

2024년 06월 - Now

라미(LLAMI) 라는 A.I 개발 프로젝트의 CTO 로 참여하여 생성형 AI를 개발함과 동시에 이를 응용하는 서비스를 개발하고 있습니다.

· 생성형 AI 에 도움이 되는 AI 스크래핑 시스템을 내부에 개발하고, 이 과정에서 자체 sLLM 을 활용 및 입력 토큰 비용을 적용 전 대비 50배 개선할 수 있는 GPT-Torch 를 개발하여 생성형 AI 인프라 시스템을 구축하고 서비스화 하고 있습니다.

· CJ CGV 등에 납품되는 B2B 서비스 개발을 주도하고, B2B 서비스 납품용 초저가 AI 엣지 컴퓨팅 솔루션을 개발하는 등 다양한 AI 활용 프로젝트를 주도하고 개발하고 있습니다.

2021년 4월 - 2021년 5월

· 웹 오토메이션 팀에 참여하여, 토스(Toss) 앱을 위한 농협은행, 신한은행, 기업은행 등의 본인인증 과정에 사용되는 스크래핑 모듈을 개발하였습니다.

웹 오토메이션 개발자

2022년 11월 - 2024년 04월

Front-End\
· 자사의 교육 하드웨어를 이용한 원격 교육 플랫폼 개발 하였습니다. WebRTC 를 이용한 실시간 채팅 및 실시간 영상 회의 솔루션을 구축하는 과정을 진행하였고 이 과정에서 Next.js 및 MobX 를 사용하였습니다.

Back-End

· 플랫폼에 필요한 전체 웹 인프라 구축을 도커 기반으로 진행하였습니다. Supabase (PostgreSQL) 와 Nest.js 를 이용해서 백엔드를 구축하였으며, 인프라로는 Railway 를 사용하였습니다.

Firmware

· ESP-32 기반의 하드웨어의 펌웨어 개발에 참여하여 웹 상 원격 업데이트를 구현하였습니다. 또한 Web Bluetooth 기술을 활용하여 스마트 교육 하드웨어와 웹 브라우저 간 무설치 통신을 구현하였습니다.

2019년 11월 - 2020년 7월\
\
· 하이브리드 앱 개발 및 Android, iOS 로 출시하는 과정을 전담했습니다. 또한 BLE 통신을 이용해서 EMS(무선 마사지 기) 기기를 원격 작동하고 마사지 강도를 조정하는 코드를 구성하고 UI UX를 개발하였습니다.

· 호텔용 화재감지기와 서버의 통신 구성 및 관리자 대시보드 페이지 구축에 참여하였습니다.

· 가게 주문 관리 시스템 개발 작업에 참여하여 웹브라우저에서 포스기 영수증 프린터와 통신할 수 있게 해주는 프로그램을 전담하여 개발하였습니다.

· 화분에 꽂아서 주기적으로 화분상태를 장치내에 보관하는 BLE 장비를 앱이 주기적으로 데이터를 스캔하는 앱을 iOS 와 Android 에 동시에 전담하여 개발하였습니다.

· 코스피와 같은 주식 실시간 정보를 웹에서 크롤링하고 TradingView 라이브러리를 활용하여 앱 내에서 실시간 표기하는 작업을 전담하였습니다.

· 6개 대형마트 및 편의점 업체들의 웹사이트에서 모든 할인정보를 크롤링 한 후 이를 비교분석해서 표시하는 웹 크롤러와 앱을 전담하여 개발하였습니다.

2021년 6월 - 2022년 11월

Front-End

· 웹 기반 3D 슬라이서 프로그램 및 플랫폼 개발에 참여하였습니다. 이 과정에서 필요한 컴포넌트를 React, SCSS(BEM), MobX 를 활용하여 개발하였습니다. 랜딩 페이지 구축 과정에 참여하여 인터렉션 기반의 Vector Animation 을 구현하였습니다. 또한 갤러리 뷰를 지원하는 Electron 용 컴포넌트 테스트 시스템을 내부적으로 만들어서 프로젝트 개발 중 컴포넌트 유닛 테스트에 활용하였습니다.

Back-End

· 플랫폼에 필요한 백엔드를 Nestjs 와 Prisma ORM, Typescript 를 활용하여 개발하였습니다. 인프라는 AWS 의 Beanstalk 과 Aurora DB, 그리고 Railway 를 활용하여 배포하였습니다.

Cross-Platform

· Electron 으로 구현된 프로그램 개발에 참여하였습니다. 윈도우 OS용으로 개발된 하이브리드 웹 프로그램을 Intel Mac, Silicon Mac, Linux 에서 동작 가능하게 포팅하였습니다.

이하민

2024