미리보기

B2B 마케팅 콘텐츠 자동화 AI 서비스 클라이언트 개발 (100% / 1명)

• ProseMirror 기반 WYSIWYG 에디터 및 커스텀 플러그인 개발로 사용자 콘텐츠 작성 효율 개선

• Meta Graph API를 활용한 인스타그램 게시물 자동 배포 시스템 구현으로 콘텐츠 업로드 시간 70% 단축

• Canvas API 활용 멀티레이어 이미지 편집 기능 구현하여 외부 그래픽 도구 의존도를 제거하고 워크플로우를

  간소화, 사용자 작업 시간 40% 절감

• i18next를 활용한 다국어 지

  원 시스템 구축 (한국어, 영어, 프랑스어)

• Github Actions를 활용하여 CI/CD 파이프라인을 최적화하고 자동화함으로써 배포 시간을 15분에서 3분으

  로 80% 단축하고 개발 생산성 향상

Tech Stack : Vitejs, React, Zustand, TailwindCSS, i18next, Konva.js

B2C 마케팅 콘텐츠 AI 서비스 클라이언트 개발 (100% / 1명) - copykle.ai

• 블로그형 AI 콘텐츠 에디터 개발 - AI 생성 텍스트/이미지를 드래그 앤 드롭으로 자유롭게 배치하고 편집할 수 있는 WYSIWYG 에디터 구현, 히스토리 관리 기능 도입으로 사용자 작성 경험 70% 개선

• 토스페이먼츠 결제 모듈 적용하여 안전하고 편리한 결제 경험을 제공하여 결제 전환율 60%향상

• OAuth 2.0 기반 소셜 로그인(구글

  , 네이버) 구현으로 회원

  가입 소요 시간 80% 단축 및 신규가입자 유입 100% 증가

• 반응형 웹 디자인 구현하여 모바일 사용자 이탈율 감소

• AWS EC2 기반 Next.js 프론트엔드 서버 구축

Tech Stack : Next.js 13, Recoil, TailwindCSS, Tanstack Query, AWS

골프장 관제 웹 어플리케이션 클라이언트 개발 (30% / 3명)

• Tiptap 기반으로 골프장 관제 시스템에 최적화된 커스텀 에디터 개발 - 이미지 업로드, 테이블 생성, 서식 지정 등 관리자 맞춤형 기능을 구현함으로써 콘텐츠 작성 시간을 단축하고 업무 효율성 크게 향상

• react-hook-form을 활용한 신청서 시스템 구현 - 다중 입력 필드 상태 관리 및 실시간 유효성 검사로 신청서 작성 오류율 감소

• normalize.css를 적용하여 브라우저 간 일관된 스타일 렌더링을 보장하고 크로스 브라우저 호환성 이슈를 해 결함으로써 다양한 환경에서의 안정적인 사용자 경험 제공

• RESTful API를 활용하여 공지사항, FAQ 등 관리자용 게시판의 CRUD 기능을 구현하고 최적화함

Tech Stack: React, JavaScript, Material-UI, react-hook-form, Tiptap, Emotion, Axios

3D Web Game 클라이언트개발(40% / 3명)

• WebGL 기반 3D 웹 게임 구현 - Three.js를 활용한 인터랙티브 3D 오브젝트 렌더링 및 사용자 상호작용 구현

• Zustand를 활용한 상태 관리시스템 구축 - 게임 데이터 및 컴포넌트 간 상태 공유 최적화

• react-spring 활용하여 물리 기반의 3D 오브젝트 애니메이션 시스템을 개발 - 부드러운 게임 인터렉션을 구현함으로써 시각적 품질 향상

Tech Stack: React, Three.js, Zustand, react-spring

서비스 로봇 디스플레이 프론트엔드 개발 및 음성인식 서비스 개선 (50% / 2명)

• Dialogflow 기반 음성인식 API를 고도화하고 자체 음성인식 엔진(Kdialog)의 성능을 최적화하여 인식 정확도 및 답변 품질 개선

• 실시간 음성인식 결과를 직관적으로 표시하는 반응형 디스플레이 인터페이스 개발

• LG S&I 경비로봇, 여수시청, 울주군청, 성균관대학교, 국립부산과학관 안내로봇 등 다양한 환경에 최적화된 맞

  춤형 UI/UX를 구현하여 각 기관별 방문자 서비스 효율성 향상 및 사용자 경험 개선

• 다국어 지원 시스템(한국어, 영어, 중국어, 일본어)을 구현하여 외국인 방문객의 로봇 활용도를 증가시키고 글

  로벌 환경에서의 서비스 품질 향상에 기여

Tech Stack: JavaScript, HTML5, CSS, jQuery, C#

문화예술공간 호이요 웹사이트 제작 (100% / 1명) - hoeyo.xyz

• JavaScript, HTML5, CSS3를 활용하여 문화예술공간 호이요의 브랜드 아이덴티티를 구현한 웹사이트를 설 계 및 개발함

• CSS3 미디어 쿼리와 Flexbox/Grid 레이아웃을 활용하여 반응형 웹 디자인을 구현하여 다양한 디바이스에서 최적화된 사용자 경험을 제공

Tech Stack: HTML5, CSS3, JavaScript (ES6+)

법무법인 ENC 웹사이트 리뉴얼 (50% / 2명)

• Next.js의 내장 SEO 최적화 기능과 동적 메타데이터 생성을 활용 하여 검색 엔진 최적화
• Tailwind CSS 커스텀 색상 팔레트를 활용하여 브랜드 아이덴티티에 부합하는 디자인을 구현

Tech Stack: Next.js, Tailwind CSS, React

한국사내변호사회 웹사이트 리뉴얼 (50% / 2명)

• 다양한 유형의 게시판 시스템(공지사항, 칭찬게시판, 잡포스팅, 갤러리, Q&A ...)을 개발하여 콘텐츠별 최적화 된 레이아웃과 기능을 제공

• CSS Transitions을 활용한 부드러운 슬라이드 애니메이션을 메인 배너와 콘텐츠 전환에 적용

2024.11.15

종로 청년 창업•창직 아이디어톤에서 우수상을 수상했습니다.

2022 - 2023
유기동물에 대한 사회적 인식을 개선하고 적절한 구조, 임시보호, 입양 절차를 널리 홍보하는 소셜 벤처 Pimfyvirus에 서 리더로 활동했습니다.