2022년 11월 - 2024년 04월

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

Back-End

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

Firmware

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

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 에서 동작 가능하게 포팅하였습니다.

2021년 4월 - 2021년 5월

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

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

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

2019년 11월 - 2020년 7월

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

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

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

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

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

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

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

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

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

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

github.com/hmmhmmhm/do-ur…

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

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

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

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

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

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

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

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

2019년 9월 수상

2018년 11월 수상

2016년 12월 수상