KGL

PORTFOLIO

WEB

웹 프로젝트 및 풀스택 개발

CG

3D 그래픽 및 VFX 작업

Marketing & Sales

마케팅 및 영업 관련 프로젝트

WEB DEVELOPMENT

3년간의 웹 개발 여정에서 만들어낸 프로젝트들입니다.
프론트엔드부터 백엔드까지, 사용자 경험을 최우선으로 고려한 풀스택 개발을 추구합니다.

Junsan Website
🔍 클릭하여 확대

문서 연동 및 전산화 작업

ASP.NET React MSSQL React-query Tailwind CSS

작업 표준서 전산화 시스템 개발 프로젝트입니다.

• 1인 개발, 모바일 최적화
• 7개 문서 등기화 및 결재 시스템 개발
• DB 설계 및 CRUD API 개발
• 이미지 업로드, 선택, 삭제 기능
• Excel 데이터 업로드 및 다운로드
• 휠 위치 기억, 이메일 전송

Taesan Interactive
🔍 클릭하여 확대

AI 예측 현황판

React Express MobX SCSS

AI 활용 예측 현황판 개발 프로젝트입니다.

• Presentational and Container Component Pattern 적용
• Container 컴포넌트 적용
• MobX 사용
• 현대적 디자인의 3D 구현
• 코드 개선을 통해 시야 확장

All2 Dashboard
🔍 클릭하여 확대

Featured Web Projects

React jQuery C# Java ASP.NET

다양한 웹 프로젝트 개발 및 유지보수 작업입니다.

• 다양한 프로젝트를 React, SCSS, ASP.NET 등으로 개발
• 오래된 코드 수정 SPA 장점 학습
• 복잡한 함수의 유지보수성 향상
• C#, C++, Java등의 코드 수정
• 코드 개선을 통해 시야 확장

Featured Web Projects 2
🔍 클릭하여 확대

Featured Web Projects 2

React cshtml jQuery C# Java

다양한 웹 프로젝트 개발 및 유지보수 작업입니다.

• 다양한 프로젝트를 React, SCSS, ASP.NET 등으로 개발
• 오래된 코드 수정 SPA 장점 학습
• 복잡한 함수의 유지보수성 향상
• C#, C++, Java등의 코드 수정
• 코드 개선을 통해 시야 확장

TOY PROJECTS

개인적인 호기심과 학습을 위해 만든 소규모 프로젝트들입니다.
새로운 기술을 시도해보고 창의적인 아이디어를 실험하는 공간입니다.

Haroohana Project
🔍 클릭하여 확대

Haha List

NextJS Supabase Tailwind CSS 카카오 로그인

하루 하나의 목표 기록 플랫폼입니다.

• 하루 하나의 목표를 지정, 월별 조회 플랫폼
• 소셜 로그인 구현
• Supabase CRUD 구현
• NextJS 14 버전 적용

https://www.hahalist.today/

AI Dream Toy Project
🔍 클릭하여 확대

AI별꿈해몽

HTML CSS JavaScript ChatGPT API AWS Lambda Google Analytics

별자리 운세에 기반한 꿈 해몽 웹&앱입니다.

• 사용자의 별자리 운세에 기반하여 꿈 해몽을 해주는 서비스
• 메시지를 주고받는 UI 구현
• 대기시간 중 랜덤 메시지 발송
• Chat GPT API 사용

https://stardream.pages.dev/

Find Hero Game
🔍 클릭하여 확대

FIND HERO

HTML CSS JavaScript AWS Lambda Sqlite

LOL 라인 & 챔프 추천 페이지입니다.

• 사용자의 생년월일에 따른 LOL 라인 및 챔피언 추천 페이지
• Sqlite 사용
• AWS의 layer를 통해 구현

https://findhero.pages.dev/

Short Job Platform
🔍 클릭하여 확대

Short Job Ranking

NextJS Supabase Tailwind CSS

주40시간 미만 기업 소개 플랫폼입니다.

• 주40시간 미만 기업 소개 플랫폼
• Supabase CRUD 구현
• NextJS 14 버전 적용

https://shortjobrank.com/

XR Teachers
🔍 클릭하여 확대

XR Teachers

Next.js Three.js Tailwind CSS

XR 기술을 활용한 교육 플랫폼 (임시페이지)입니다.

• XR 기술을 활용한 교육 플랫폼
• Three.js를 활용한 3D 인터랙션
• Next.js를 통한 서버 사이드 렌더링
• 반응형 디자인 구현
• 모던한 UI/UX 디자인 적용

https://xrteachers.vercel.app/

CG DEVELOPMENT

3D 그래픽 및 VFX 작업을 통해 시각적 경험을 창조합니다.

2020 Portfolio
🎥 YouTube에서 보기

2020 Portfolio

Maya After Effects Cinema 4D

CG 작업 모음 영상입니다.

• 2020년에 제작한 다양한 CG 작업물을 모아놓은 포트폴리오 영상
• Maya를 활용한 3D 모델링 및 애니메이션
• After Effects 합성 및 후반작업
• Cinema 4D를 통한 렌더링 최적화

Hydra Animation
🎥 YouTube에서 보기

Hydra Animation

Houdini Redshift After Effects

유체 시뮬레이션 애니메이션 작업입니다.

• 고급 유체 시뮬레이션 기술을 활용한 하이드라 형태의 애니메이션
• Houdini를 통한 복잡한 파티클 시스템 구축
• Redshift 렌더러를 활용한 포토리얼 렌더링
• After Effects 후반작업 및 컴포지팅

🎬 비디오 보기

Snow Simulation

Houdini Nuke

눈 입자 시뮬레이션 프로젝트입니다.

• 사실적인 눈 입자 시뮬레이션과 렌더링 기술 활용
• Houdini를 통한 파티클 시스템 제작
• Nuke를 활용한 합성 및 후반작업
• 겨울 장면의 자연스러운 연출

🎬 비디오 보기

Aestra

Houdini Nuke

화장품 광고 CG 작업입니다.

• 고급 렌더링 기법을 활용한 상업 광고 제작
• Houdini를 통한 정밀한 3D 모델링
• Nuke 합성으로 완성도 높은 후반작업
• 브랜드 이미지에 맞춘 시각적 연출

🎬 비디오 보기

Sonata

Houdini Nuke

CG 애니메이션 프로젝트입니다.

• 고급 3D 애니메이션 및 렌더링 기술 활용
• Houdini를 통한 복잡한 동역학 시뮬레이션
• Nuke를 활용한 전문적인 합성 작업
• 영상 미학과 기술력의 조화

MARKETING & 영업

데이터 기반의 마케팅 전략과 비즈니스 솔루션을 개발합니다.
트렌드 분석과 시장 통찰을 통해 가치 있는 결과를 창출합니다.

Smart Service
🔍 클릭하여 확대

정부지원사업 3개 선정

기획 정부지원사업 영업

3개사와 컨소시엄을 구성하여 스마트서비스 지원사업에 최종 선정되었습니다.

Marketing Trend PPT
🔍 클릭하여 확대

패션 트렌드 조사 발표 PPT

Market Research Trend Analysis PowerPoint

패션 트렌드 분석 및 마케팅 전략 제안 프로젝트입니다.

• LF몰 각종 광고 관리
• 패션 산업 트렌드를 조사 발표 자료
• 소비자 행동 패턴과 시장 동향을 바탕으로 마케팅 전략 제안

Google Drive에서 PDF 보기

ABOUT

이경근 (KGL)

건국대학교 산업공학과 학사 (졸) | 서강대학교 AI/SW대학원 석사 (재)

Skills

Web Development

HTML, CSS, JavaScript, React, Next.js, Node.js, Express, ASP.NET, Mobx, React-Query, Tailwind, SCSS, Figma

Computer Graphics

Houdini, Maya, Nuke, Blender, Cinema 4D, Particle Systems, Fluid Simulation, Rendering, Compositing

Office & Documentation

Microsoft Office (Excel, PowerPoint), 데이터 분석, 광고 관리, 마케팅 리포트 작성

Business & Communication

Client Relations, Presentation Skills, Project Management, Market Research, Stakeholder Communication, Requirement Analysis

Experience

2021~2024

주식회사 유디엠텍

DEV팀 웹개발(프론트엔드)

대시보드 기획 및 제작, React, Mobx, react-query, asp .net, express, figma, mssql 등 사용

2019~2019

주식회사 자이언트스텝

FX팀

Houdini, Nuke 사용하여 Hyundai Sonata, Aestura, Descente Korea 광고 제작

2018~2019

SF필름스쿨

R&D팀 아르바이트 (5개월)

FX 제작, Houdini, Nuke, Maya 등의 다양한 Tool과 렌더러 사용

2017~2017

(주)엠포스

마케팅팀

LF몰 광고 마케팅 관리 및 일일 리포트 작성, 보고서 작성, SNS 광고 등록 시행, 마케팅 제안, 시장 조사 보고

Contact Information

📧 lagom7890@kakao.com
📞 010-9078-9461

GAMES

제작한 게임들을 플레이해보세요!

Baseball Game

숫자 야구 게임

Rock Paper Scissors

가위바위보 게임

Memory Game

기억력 카드 게임

Snake Game

클래식 스네이크 게임

Gomoku

오목 게임

Card Game

카드 게임