GyuJin Cheon - Portfolio

JEIU 캠퍼스 익스플로러 3D

기간: 2025.03.26 ～ 2025.04.16

기여도: 프론트엔드 전체 구현 / 백엔드 연동 / UI 기획 및 디버깅 주도

재능대학교 캠퍼스를 3D로 구현한 웹 플랫폼입니다.
학생들이 강의실을 예약하고 각 건물의 이벤트·캠페인 정보를 시각적으로 확인할 수 있는 서비스입니다.

📌 주요 기능

Three.js로 3D 캠퍼스를 시각화하고, 건물 클릭 시 이벤트 정보 확인 및 강의실 예약이 가능한 서비스입니다.

🔧 사용 기술

Three.js HTML/CSS JavaScript Express.js MySQL

🧠 경험 포인트

✓ 3D 기술(Three.js)을 직접 실습하며 실무 개발 감각 향상
✓ 디자인툴로 UI 스케치 후 구현 → 사용자 중심 인터페이스 설계

👥 대상 사용자

재능대학교 학생과 방문객들을 위해 만들었습니다. 특히 처음 학교에 오는 신입생들이 복잡한 캠퍼스 건물을 쉽게 찾고, 강의실도 간편하게 예약할 수 있게 하고 싶었습니다.

💬 회고및 내가 느끼기에 어려웠던 점

막 배우는 단계인 Three.js로 3D 캠퍼스를 구현한다는게 쉽지 않은 시작이었지만, 직접 기술 스택을 도입하고 UI를 구상하며 실무와 유사한 경험을 쌓았다. 3D 모델 최적화와 로딩 시간 개선이 가장 큰 도전이었지만, '어느 위치에 어떻게 구현할까?'를 계속 질문하며 사용자 중심의 개발을 할 수 있었다.

포트폴리오 속 3D 모델링 구현

기간: 2025.05.14 ～ 포트폴리오 완성할때까지

기여도: 기획부터 구현까지 전체 개발

포트폴리오 웹사이트에 Three.js를 활용한 인터랙티브 3D 요소를 구현했습니다.
사용자가 직접 조작할 수 있는 3D 모델을 통해 기술적 역량과 창의성을 효과적으로 보여주는 프로젝트입니다.

📌 주요 기능

Three.js를 활용한 인터랙티브 3D 모델과 사용자 조작에 반응하는 애니메이션을 구현한 포트폴리오입니다.

🔧 사용 기술

Three.js JavaScript HTML/CSS Blender

🧠 경험 포인트

✓ 3D 모델링과 웹 기술의 효과적인 통합 방법 학습
✓ 사용자 경험을 고려한 3D 인터랙션 설계

👥 대상 사용자

제 포트폴리오를 보는 분들에게 좀 더 인상적인 경험을 주고 싶었습니다. 그냥 텍스트와 이미지만 있는 포트폴리오보다는, 직접 3D 요소와 상호작용하면서 제 기술력을 체험해볼 수 있게 하고 싶었습니다.

💬 회고및 내가 느끼기에 어려웠던 점

포트폴리오에 3D 요소를 여러가지 추가하려고 하며 나의 기술적 한계에 도전했다. 로딩 시간과 성능 최적화가 가장 중요했고, 사용자 경험을 해치지 않으면서도 인상적인 시각 효과를 구현하는 방법을 배웠다. Blender와 Three.js 연동 과정에서 예상치 못한 문제들을 해결하며 웹 기반 3D 개발에 대한 이해가 깊어지고 있는 중이다.

3D 공 굴리기 미로 게임

기간: 2025.05.17 ～ 2025.05.20

기여도: 기획부터 구현까지 전체 개발

Three.js를 활용한 인터랙티브 3D 공 굴리기 미로 게임입니다.
사용자의 마우스나 키보드 조작에 반응하여 판을 기울이고 공을 굴려 목적지에 도달하는 게임입니다.

레벨: 1 | 시간: 0초

방향키 또는 마우스로 판을 기울여 공을 굴리세요!

📌 주요 기능

Three.js를 활용한 3D 미로에서 물리 시뮬레이션을 통해 공을 굴려 목적지에 도달하는 인터랙티브 게임입니다.

🔧 사용 기술

Three.js JavaScript HTML/CSS 물리 시뮬레이션

🧠 경험 포인트

✓ 물리 엔진을 활용한 실시간 인터랙션 구현
✓ 모바일 환경을 고려한 크로스 플랫폼 최적화

👥 대상 사용자

포트폴리오를 구경하는 모든 분들을 위한 작은 게임입니다. 기술적인 설명만 읽는 것보다 직접 게임을 플레이해보면서 제가 구현한 물리 효과와 인터랙션을 체험해보실 수 있게 만들었습니다.

💬 회고및 내가 느끼기에 어려웠던 점

Three.js 학습 과정에서 시작한 이 프로젝트는 생각보다 이전 캠퍼스 프로젝트를 다시 보며 코드&구조적으로 도움을 받았던거같고, 특히 물리 엔진 구현과 충돌 감지에 수학적 개념이 많이 필요했고, 다양한 입력 방식(키보드, 마우스, 터치)을 지원하는 과정도 흥미로웠다. 실제 게임을 만들며 JavaScript의 가능성을 더 넓게 경험할 수 있었던 값진 시간이었다고 생각합니다.

Bilingual Buddy - 다문화가정 자녀를 위한 AI 기반 이중 언어 학습 도우미

기간: 2025.06.11 ～ 2025.06.17

기여도: 기획부터 구현까지 전체 개발

다문화가정 자녀의 학습 장벽을 해소하기 위한 AI 기반 이중 언어 학습 도우미 플랫폼입니다.
한국어가 서툰 학생들과 그들의 부모를 위한 학습 지원 도구로, AI 기술을 활용하여 언어 장벽을 넘어 효과적인 학습 환경을 제공합니다.

📌 주요 기능

✓ 이중언어 AI 튜터: 모국어 질문 → 한국 교과 개념 모국어로 설명
→ 한국어 재설명
✓ 가정통신문 자동 번역 및 알림 기능
✓ 다국어 & 지역 맞춤 대응 (베트남어, 중국어, 우즈벡어, 네팔어)
✓ 정서적·문화적 멘토 기능

🔧 사용 기술

Android Native Kotlin OpenAI GPT-4 Papago API Google STT ML Kit OCR

🧠 경험 포인트

✓ AI 기술을 활용한 실제 사회문제 해결 경험
✓ 다국어 지원과 사용자 경험 최적화

👥 대상 사용자

다문화가정의 자녀와 부모님, 그리고 교사들을 위한 서비스입니다. 특히 한국어가 서툰 학생들이 학교 생활에서 겪는 어려움을 해소하고, 부모님들이 자녀의 교육에 더 적극적으로 참여할 수 있도록 돕고자 했습니다.

💬 회고및 내가 느끼기에 어려웠던 점

다문화가정의 실제 문제를 해결하기 위한 프로젝트였기에, 기술적 구현보다도 사용자들의 실제 니즈를 파악하고 그에 맞는 기능을 설계하는 과정이 가장 중요했다. 특히 AI 기술을 활용하면서도 사용자 친화적인 인터페이스를 만드는 것이 큰 도전이었지만, 실제 베트남어 사용자들의 피드백을 받으며 서비스를 개선해나가려고 노력했다.

👋 Hi, I'm GyuJin Cheon

🚀 Project

JEIU 캠퍼스 익스플로러 3D

📌 주요 기능

🔧 사용 기술

🧠 경험 포인트

👥 대상 사용자

💬 회고및 내가 느끼기에 어려웠던 점

포트폴리오 속 3D 모델링 구현

📌 주요 기능

🔧 사용 기술

🧠 경험 포인트

👥 대상 사용자

💬 회고및 내가 느끼기에 어려웠던 점

3D 공 굴리기 미로 게임

📌 주요 기능

🔧 사용 기술

🧠 경험 포인트

👥 대상 사용자

💬 회고및 내가 느끼기에 어려웠던 점

Bilingual Buddy - 다문화가정 자녀를 위한 AI 기반 이중 언어 학습 도우미

📌 주요 기능

🔧 사용 기술

🧠 경험 포인트

👥 대상 사용자

💬 회고및 내가 느끼기에 어려웠던 점

📚 I'm Learning

모바일 개발

백엔드

클라우드

3D 웹 기술 심화

CS 기초

📝 Contact Me