Solving Problems with
Technology & Logic

단순한 구현을 넘어 사용자의 문제를 본질적으로 해결하는 것에 집중합니다.

프로젝트 보기 GitHub

전형동 Declan Jeon

Software Engineer

"왜?"라는 질문을 통해 문제의 본질을 파악하고, 기술을 통해 가장 효율적인 해결책을 제시하고자 합니다. ETSI 국제 표준 프로젝트 경험을 통해 글로벌 규격을 준수하는 아키텍처를 설계한 경험이 있습니다.

Core

P2P

Focus

Problem Solving

Lang

Jp (Conv.)

Stack

Full-Stack

Engineering Highlights

실제 직면한 기술적 난제와 비효율을 해결한 6가지 핵심 프로젝트입니다.

PonsLink Preview

PonsLink

보안 중심 올인원 커뮤니케이션 툴

WebRTC

Challenge

누구나 로그인 없이 사용하면서 보안 통신에 다양한 툴을 이용할 수 있는 통합 플랫폼의 부재. 해외 친구들과의 소통 및 콘텐츠 공유에 대한 접근성 한계.

Solution

로그인 없는 즉시 사용 가능한 보안 통신 플랫폼으로 진입 장벽 제거.
해외 친구들과 실시간 영화 스트리밍 및 유튜브 동시 시청 기능으로 원활한 소통 환경 제공.
민감한 파일 전송이 아닌 실시간 스트리밍 방식으로 보안성 강화와 사용 편의성 동시 달성.
글로벌 커뮤니케이션 장벽을 낮추는 디지털 문화 교류 플랫폼 구현.

React WebRTC Zustand

Live Demo Source Code

PonsWarp Preview

PonsWarp

서버리스 무제한 파일 전송

Serverless P2P

Challenge

클라우드 기반 파일 전송 서비스는 용량 제한과 서버 경유로 인한 비효율성이 존재. 브라우저의 메모리 한계로 대용량 파일(100GB 이상) 처리가 불가능하며, 기존 P2P 솔루션도 여전히 서버 의존성을 가짐.

Solution

진정한 서버리스 P2P: 파일을 서버에 저장하지 않고 브라우저 간 직통 터널을 구축하여 업로드와 다운로드를 동시에 처리.
무제한 용량 처리: StreamSaver.js와 File System Access API로 RAM에 쌓지 않고 즉시 디스크에 스트리밍하여 1TB 파일도 브라우저 탭 하나로 전송.
WASM 기반 고성능 암호화: Rust(WASM) 모듈로 네이티브 앱 수준의 암호화 속도를 구현하며 메인 스레드 블로킹 없음.
스마트 혼잡 제어: NetworkAdaptiveController가 네트워크 상태를 실시간 분석하여 패킷 손실 없는 최고 속도 유지.

WASM (Rust) Direct P2P StreamSaver.js File System API

Live Demo Source Code

ClickCap Preview

ClickCap

스마트 화면 녹화 익스텐션

Extension

Challenge

기존 화면 녹화 툴들은 불필요한 복잡한 기능들로 가득하여 사용자 경험을 해치고, 대부분 상용화되어 있어 접근성이 낮았으며 녹화 화질 보장도 어려웠음.

Solution

기존 툴들의 복잡한 기능을 모두 제거하고 오로지 녹화 기능에만 집중한 미니멀한 디자인으로 사용자 경험 극대화.
상용 툴들의 접근성 문제와 녹화 화질 보안의 어려움을 해결하기 위해 직접 커스텀 녹화 엔진을 구현하여 완벽한 품질 보장.
초기 클릭 줌 방식의 불편함을 개선하여 키보드(Z키) 기반 줌 인터랙션으로 UX 개선.

Chrome API Offscreen Canvas

CodeWeaver Preview

CodeWeaver

프로젝트 구조 분석 및 문서화

DX Tool

Challenge

개별 파일 검토로는 전체적인 아키텍처 이해와 설계상의 에러 발견이 어려움.

Solution

전체 프로젝트 구조 한 번에 전달: 프로젝트의 전체 로직을 통합하여 AI에게 전달하여 전체적인 그림을 명확하게 이해시킴.
설계 오류 효과적 발견: 전체 아키텍처를 파악한 AI가 설계상의 에러와 잠재적 버그를 더 정확하게 식별.
프로젝트 아키텍처 이해도 향상: 전체적인 코드 구조를 한눈에 파악하여 프로젝트의 설계 의도와 구조를 더 깊이 이해.

AST Parsing Node.js AI Integration

Private PDF Preview

PrivacyPDF

서버로 전송되지 않는 PDF 보안 도구

Security

Challenge

민감한 정보를 가리기 위해 온라인 PDF 툴을 사용할 때 서버 업로드 방식으로 인한 데이터 유출 위험. 단순 오버레이 마스킹은 텍스트 추출이 가능해 보안에 취약함.

Solution

100% 클라이언트 사이드 처리로 서버 전송 없이 브라우저 내에서 모든 작업 수행.
이미지 래스터화(Flattening)로 마스킹된 페이지를 고해상도 이미지로 변환하여 복구 불가능하게 구현.
워터마크 시스템으로 문서 유출 경로 추적 및 보안 등급 표시 기능 제공.
데이터 주권 보장으로 사용자의 문서가 컴퓨터를 떠나지 않는 완벽한 프라이버시 보호.

pdf-lib PDF.js Canvas API Client-Side Image Rasterization

Live Demo Source Code

Professional Experience

Owake.Me 플랫폼 개발

Owake Me Co., Ltd. · 개발 팀장

2021.02 ~ 2025.01

WebRTC P2P Real-time

MVP 출시: 6개월 내 MVP 개발 완료 및 3개월 베타 운영, 일정 100% 준수 런칭.
글로벌 P2P 연결: 한국–이집트 간 P2P 연결 성공률 92% 달성.
사내 블로그 구축: 도입 후 사내 소통율 2배, 내부 문서 공유율 3배 증가.
맵 기반 예약 툴: UI/UX 개선 주도로 Owakeme 통신 접속율 2배 증가.
랜덤채팅 기능: Socket 기반 순차매칭 로직 설계 및 구현.
인프라 구축: STUN/TURN 서버 자체 구축 및 Nginx 로드밸런싱 운영.

TiME Project (국제 표준화)

ETSI ISG PDL PoC 03 · Owake Me

2021.02 ~ 2025.01

WebRTC Hybrid P2P Standardization

Hybrid P2P 아키텍처 설계: 유럽 통신 표준(ETSI)을 준수하는 분산 네트워크 구조 설계 참여.
데이터 무결성 시스템: 분산 네트워크 환경에서의 데이터 동기화 및 정합성 보장 로직 개발.
글로벌 협업: Telefónica 등 글로벌 파트너사와 기술 검증(PoC) 수행 및 표준 문서화 작업 주도.

사내 발주 시스템 자동화

클레오파트라솔트 · 개발 팀장

2024.08 ~ 2025.02

App Scripts Google Sheets Automation

반자동화 발주 시스템: App Scripts와 Google Sheet를 활용한 자동백업·반자동발주 시스템 구축.
업무 효율화: 담당자 업무시간 60% 절감으로 운영 비용 최적화.
전체 개발 사이클: 기획부터 설계, 구현, 배포까지 전 과정 단독 수행.

QR코드 기반 쇼핑몰 개발

피어테라 (Freelance)

2025.03 ~ 2025.08

Next.js MariaDB TOTP Auth

TOTP 기반 로그인 시스템: 개인정보 노출율 0% 달성으로 보안성 극대화.
관리자 대시보드: 상품 등록 시간 90% 절약하는 효율적 UX 설계 및 구현.
UI/UX 주도: 전체 서비스 사용자 경험 설계 및 프론트엔드 아키텍처 담당.
Full Stack 개발: Next.js, Express, MariaDB 기반 전체 시스템 설계 및 구현.