기술 스택

다양한 프로젝트를 만들며 쌓아온 기술 스택. 각 기술은 실제 프로덕션 프로젝트에서 사용한 경험을 바탕으로 합니다.

프로그래밍 언어

TypeScript

주력 언어

Vora AI, Quon, CornerBrand 등 대부분의 웹 프로젝트에서 사용하는 주력 언어. 타입 안정성과 개발 생산성의 균형을 잡아줍니다.

Vora AI Quon CornerBrand

JavaScript

웹 & 봇

프론트엔드와 Node.js 백엔드 전반에서 활용. Discord 봇(BangyaDan), 간단한 웹 도구, 빠른 프로토타이핑에 사용합니다.

BangyaDan Web Tools

Kotlin

Android

Android 앱 개발의 핵심 언어. Jetpack Compose로 Quon, 교회 주차앱, 교회 앱 등 모던한 모바일 앱을 개발합니다.

Quon Church App

Python

AI / Backend

AI/ML 파이프라인과 백엔드 서비스 구축. Phos(예배 PPT 생성기)의 FastAPI 서버를 운영합니다.

Phos AI/ML

C#

Game Plugins

CS2 게임 서버 플러그인 개발. CounterStrikeSharp 프레임워크로 GrenadeBoost, AutoRestart 등 서버 커스터마이징 플러그인을 만듭니다.

GrenadeBoost AutoRestart

C++

Systems

저수준 시스템 프로그래밍과 성능 최적화가 필요한 영역에서 활용합니다.

PHP

CMS

WordPress, Rhymix CMS 기반 웹사이트 커스터마이징과 플러그인 개발에 사용합니다.

Swift

iOS

iOS 앱 개발 탐색. Apple 생태계 확장을 위한 학습과 프로토타이핑.

Java

Legacy

Android 레거시 프로젝트 유지보수와 서버 사이드 경험을 쌓았습니다.

프레임워크 & 라이브러리

React

SPA 개발의 핵심. Vora AI의 복잡한 이미지 편집 UI를 React로 구현했습니다.

FastAPI

고성능 Python API 프레임워크. Phos 백엔드 서비스를 FastAPI로 운영합니다.

📱

Jetpack Compose

선언형 Android UI 프레임워크. 모던한 모바일 앱 개발에 사용합니다.

🌐

Node.js

서버 사이드 JavaScript 런타임. Discord 봇, API 서버 등 다양한 백엔드에 활용합니다.

🤖

Discord.js

Discord 봇 프레임워크. BangyaDan 커뮤니티 관리 봇을 개발했습니다.

🎮

CounterStrikeSharp

CS2 플러그인 프레임워크. 게임 서버의 기능을 확장하는 커스텀 플러그인을 개발합니다.

🎨

Tailwind CSS

유틸리티 퍼스트 CSS 프레임워크. 빠른 UI 프로토타이핑과 일관된 디자인 시스템 구축에 활용합니다.

🛠

Vite

차세대 빌드 도구. 빠른 개발 서버와 최적화된 프로덕션 빌드를 제공합니다.

AI / ML

🧠

Big-LaMa

대규모 이미지 인페인팅 모델. Vora AI의 핵심 기능인 배경 제거와 이미지 복원에 사용합니다.

SAM / SAM2

Segment Anything Model. 원클릭으로 이미지 세그멘테이션을 수행하는 Vora AI의 핵심 기술입니다.

📷

ML Kit

Google의 온디바이스 ML 프레임워크. Quon Android의 실시간 QR 코드 스캔 기능에 활용합니다.

📹

CameraX

Android 카메라 프레임워크. 실시간 이미지 처리와 카메라 기반 기능 구현에 사용합니다.

브라우저와 모바일에서 AI를 직접 실행하는 것에 관심이 많습니다. 서버에 의존하지 않는 온디바이스 AI와 WebAssembly 기반 추론으로, 사용자에게 더 빠르고 프라이버시를 보장하는 경험을 제공하는 방향을 추구합니다.

인프라 & DevOps

🐳 Docker

모든 서비스를 컨테이너로 격리하여 운영. 개발 환경과 프로덕션 환경의 일관성을 유지합니다.

☁ Cloudflare

DNS, CDN, DDoS 방어, SSL 인증서 관리. 모든 도메인의 트래픽을 Cloudflare를 통해 보호합니다.

🛡 OPNsense

오픈소스 방화벽. 홈 서버 네트워크의 보안과 트래픽 관리를 담당합니다.

🎮 Pterodactyl

게임 서버 관리 패널. CS2 등 게임 서버를 웹 UI로 편리하게 관리합니다.

🔄 PM2

Node.js 프로세스 매니저. 무중단 운영, 로그 관리, 자동 재시작을 처리합니다.

🌐 Nginx

리버스 프록시와 웹 서버. 포트폴리오 사이트를 포함한 모든 웹 서비스의 진입점입니다.

인프라 상세 보기 →

플랫폼

WordPress / WooCommerce

CMS 기반 웹사이트 구축과 이커머스 솔루션. 테마 커스터마이징과 플러그인 개발 경험.

Rhymix

한국형 CMS. 커뮤니티 사이트와 기업 웹사이트의 커스터마이징에 활용합니다.

Google Play / AdMob

Android 앱 배포, 광고 수익화, Play Billing 결제 시스템 구현 경험.

도구

Git & GitHub Actions
Git GitHub Actions Docker Hub

버전 관리와 CI/CD 자동화. 코드 변경부터 Docker 이미지 빌드, 배포까지 파이프라인을 자동화합니다.

Data & Analytics
DataStore Google Analytics

Android의 DataStore로 로컬 데이터를 관리하고, Google Analytics로 사용자 행동을 분석합니다.

"최적의 도구는 프로젝트에 따라 다릅니다. 가장 인기 있는 기술이 아니라, 문제를 가장 잘 해결하는 기술을 선택합니다."