About Me
안녕하세요! 저는 끊임없이 성장하는 풀스택 개발자입니다. 🚀
현재 금융, AI, ESG 도메인에서 사용자 중심의 웹 서비스를 개발하고 있으며,
Web3, AI/ML, 클라우드 네이티브 기술 등 미래 지향적인 기술 스택을 학습하며
새로운 도전을 통해 더 나은 개발자로 발전하고자 합니다.
"기술은 사람을 위해 존재한다"는 철학으로 더 나은 사용자 경험을 만들어갑니다.
Skills
Frontend
- JavaScript
- React
- Next.js
- TypeScript
- Tailwind CSS
Backend
- Node.js
- Express.js
- Python
- PostgreSQL
- MongoDB
Tools
- Git
- Docker
- AWS
- Figma
- Claude
- ChatGPT
Projects & Career
주식회사 찬스웨이브커뮤니케이션
현재 재직중2024.02 ~ 현재 (1년 6개월) • 정규직
하나은행 놀이터 API 개발
백엔드 선임연구원
OAuth 기반 토큰 발급 API와 최신 뉴스 데이터 API 개발
하나원큐 놀이터 머니트렌드 웹뷰
프론트 선임매니저
금융 콘텐츠 에디터 개발 및 웹뷰 프론트/백엔드 개발
퍼핏랩 ESG 데이터 플랫폼
프론트 선임매니저
ESG 공공/민간 데이터, 뉴스, 랭킹 제공 사이트 (반응형)
주식회사 팬시플레이스
2023.02 - 2023.07 (6개월)펜시 월렛 고도화 개발
PHP 기반 펜시 월렛 하이브리드 앱을 React, GraphQL로 고도화
라임컴퍼니
2019.09 - 2022.06 (2년 10개월)현재 개인 프로젝트 진행
캐치테이블 벤치마킹 사이트
2024.07 ~ 진행중레스토랑 예약 서비스의 사용자 경험을 개선한 웹 플랫폼
탄소 감축 SaaS 플랫폼
2024.07 ~ 진행중기업의 탄소 배출량 관리 및 감축을 위한 통합 솔루션
위치기반 심부름 플랫폼 하이브리드 웹앱
2024.08 ~ 진행중일상 생활의 심부름을 쉽게 요청하고 처리할 수 있는 모바일 플랫폼
AI 이미지 생성기
2024.09 ~ 진행중텍스트 프롬프트로 고품질 AI 이미지를 생성하는 웹 애플리케이션
음성 비서 AI - 스마트 일정/메모 관리
2024.09 ~ 진행중Web Speech API 기반 음성 인식 웹 애플리케이션
💡 새로운 기술과 하나원큐 놀이터 머니트렌드 웹뷰트렌드를 적극적으로 학습하며 개인 프로젝트를 통해 실무 역량을 향상시키고 있습니다.
진행 중인 개인 프로젝트
지도 API 기반 심부름 플랫폼
위치 기반 심부름 매칭 서비스
- 실시간 지도 API를 활용한 위치 기반 심부름 요청/수행 매칭
- GPS 기반 주변 심부름 검색 및 거리별 정렬 기능
- 사용 안전성을 위한 사용자 인증 도입 ( 예정 )
- 결제 시스템 및 리뷰 평점 관리 ( 예정 )
💡 주요 특징: 일상생활에서 필요한 다양한 심부름(배달, 대행, 구매 등)을 지도 기반으로 쉽게 요청하고 처리할 수 있는 O2O 플랫폼을 개발 중입니다.
ERP 제조관리 시스템 (Full-Stack Web Application)
기술 스택:
- Frontend: Next.js 14, TypeScript, Tailwind CSS, Zustand
- Backend: Node.js, Express.js, TypeScript
- Database: MongoDB (Mongoose ODM)
- Authentication: JWT, bcrypt
- File Processing: ExcelJS, jsPDF
- Testing: Jest, Supertest, Playwright
주요 기능:
- 사용자 관리 (Admin/Manager/User 권한)
- 재고 관리 및 실시간 추적
- 생산 계획 및 작업 지시서 관리
- 구매 요청 및 발주 관리
- 품질 검사 및 품질 관리
- 회계 및 리포팅 (Excel/PDF 출력)
- 대시보드 및 데이터 시각화
특징:
- RESTful API 설계
- JWT 기반 인증/인가
- MongoDB 인덱싱 최적화
- TypeScript 타입 안정성
- 반응형 UI/UX
- 실시간 데이터 처리
- 다중 사용자 권한 관리
- 엑셀 데이터 Import/Export
개발 환경:
- 개발서버: Concurrently로 Frontend/Backend 동시 실행
- 테스트: 단위/통합/E2E 테스트 구축
- 시드 데이터: 개발용 샘플 데이터 자동 생성
💡 주요 특징: 제조업체의 전체 운영 프로세스를 디지털화하여 효율적인 생산 관리, 재고 추적, 품질 관리를 통합적으로 제공하는 풀스택 ERP 시스템을 개발 중입니다.
AI 이미지 생성기
AI 이미지 생성기 (Text-to-Image Generator)
기술 스택:
- Frontend: Next.js 15, React 19, TypeScript
- 상태관리: Redux Toolkit
- 스타일링: Tailwind CSS
- AI API: Replicate API (Stable Diffusion)
핵심 기능:
- 텍스트 프롬프트 기반 AI 이미지 생성 (512x512 고해상도)
- NSFW 콘텐츠 자동 차단 및 안전 필터링 시스템
- Redux Toolkit을 활용한 전역 상태 관리
- 실시간 로딩 상태 표시 및 에러 핸들링
- 생성된 이미지 히스토리 관리 및 그리드 뷰
- 반응형 모던 UI (모바일/데스크톱 지원)
주요 특징:
- Stable Diffusion 모델을 통한 고품질 이미지 생성
- 다중 검증 시스템으로 안전한 콘텐츠 보장
- 직관적인 사용자 인터페이스
- 상황별 구체적인 에러 메시지 제공
- 그라디언트 배경의 모던한 디자인
- 풀사이즈 이미지 새 탭 열기 기능
💡 주요 특징: 사용자가 입력한 텍스트 프롬프트를 바탕으로 Stable Diffusion AI 모델을 활용하여 고품질의 이미지를 생성하는 웹 애플리케이션입니다. NSFW 필터링과 안전 검증 시스템으로 안전한 콘텐츠 생성을 보장합니다.
음성 비서 AI - 스마트 일정/메모 관리 시스템
🛠 주요 기술 스택:
- Frontend: Next.js 15.5.2, React 18, TypeScript
- 상태관리: Zustand (경량 상태 관리)
- 스타일링: Tailwind CSS, Lucide React
- 브라우저 API: Web Speech API (Speech Recognition/Synthesis)
- 데이터: localStorage 기반 클라이언트 사이드 저장
⚡ 핵심 기능 및 구현:
- 실시간 음성 인식: 한국어 음성을 실시간으로 텍스트 변환
- 자연어 처리: 정규표현식 기반으로 내일 오후 3시 회의 등의 자연스러운 표현 해석
- 음성 피드백: Text-to-Speech로 처리 결과를 음성으로 응답
- 데이터 영속성: localStorage를 통한 일정/메모 데이터 관리
- 반응형 UI: 모바일부터 데스크톱까지 최적화된 인터페이스
🎯 기술적 도전과 해결:
- 브라우저 호환성: Web Speech API 지원 여부 체크 및 fallback 처리
- SSR 이슈: Next.js 서버사이드에서 window 객체 접근 문제 해결
- 실시간 상태 관리: Zustand로 음성 인식 상태와 UI 동기화
- 자연어 파싱: 다양한 한국어 시간/날짜 표현을 코드로 해석하는 알고리즘 구현
📈 프로젝트 성과:
- 모던 웹 기술과 브라우저 네이티브 API를 결합한 사용자 친화적 음성 인터페이스 구현
- TypeScript를 통한 타입 안전성 확보와 모듈화된 아키텍처로 확장 가능한 코드 구조 설계
💡 주요 특징: 브라우저의 네이티브 음성 API를 활용하여 사용자가 자연스러운 한국어로 일정 등록과 메모 작성을 할 수 있는 스마트 음성 비서입니다. 실시간 음성-텍스트 변환, 자연어 처리, 그리고 음성 피드백까지 제공하는 완전한 음성 인터페이스를 구현했습니다.
Contact
프로젝트나 협업에 대해 문의하고 싶으시다면 언제든 연락주세요!
새로운 기술과 도전적인 프로젝트를 함께 만들어가요! 🤝