회사
밀크T 아이 아이누리
천재교육 밀크T 아이누리 유아 인터랙티브 콘텐츠 개발. Spine 애니메이션 · Canvas 기반 학습 경험 구현. 신규 모듈 개발 및 유지보수 진행 중.
SpineCanvasTypeScript
Interactive
Content
Developer
이수연 · Lee Suyeon
살아있는 인터랙티브 콘텐츠를 만드는 개발자입니다.
typescript · javascript · phaser
scroll
Projects
만든 것들
회사
밀크T 초등 학습 콘텐츠
국어 · 사회 · 독서논술 과목 초등 학습 콘텐츠 개발. 외주 JavaScript 하드코딩 콘텐츠를 기능 단위 Scene 구조로 재설계하고 공통 리소스 · 로직 분리. 차시 데이터를 JSON으로 정의하면 Scene 코드가 생성되는 자동화 구조 제작, 팀 표준 제작 방식으로 사용 중. 만화형 콘텐츠 약 60차시를 공통 진행 구조 + 차시별 데이터로 제작.
PhaserCanvasTypeScript
회사
단어 게임 모듈
타 팀 콘텐츠 연동을 위한 단어 버블 게임 독립 모듈 설계. CreateJS 기반 씬 아키텍처 위에 외부 API를 제공해 init/correct/wrong/next 메서드만으로 게임 제어 가능. 장면별로 필요한 리소스만 로드하도록 변경해 초기 로딩 약 8~9초 → 약 3초.
TypeScriptCreateJSCanvas
회사
학습 화면 공통 UI 컴포넌트
버튼 · Toast · 문제 영역 · 정오답 · 타이머 · 다음 행동 등 학습 화면 UI 6종 정리. 각 UI의 상태 · 동작 규칙을 정하고 공통 컴포넌트로 구현.
ReactTypeScript
회사
구형 태블릿 재생 성능 개선
구형 태블릿에서 재생 성능이 약 10FPS까지 저하. FPS 측정 UI를 직접 만들어 구간별 계측하고, 리소스 품질 조정 · 무비클립 단위 테스트로 원인 범위 축소. 컬러 필터가 적용된 무비클립의 과부하를 확인해 애니메이터와 리소스를 수정, 약 30FPS로 개선.
개인
대저니유
반려동물과 함께하는 대전 여행 PWA. 4인 팀(기획 1 · 개발 3)에서 내 여정 탭 담당 — MBTI · 직접짓기 코스 위저드, 카카오맵 동선 지도, 다중 일정 캘린더, 실시간 공공데이터 집계 API 구현. Gemini API 기반 AI 코스 추천 백엔드 — 응답 스키마로 JSON 구조를 강제하고 후보 목록 밖의 장소 · 개수 오류를 서버에서 재검증.
FENext.jsTypeScriptExpressGemini API
개인
bagoye-board
백엔드 흐름 학습을 위해 Spring Boot + React로 만든 게시판. JWT 인증, 게시물 CRUD · 좋아요 · 댓글 구현.
Spring BootReactTypeScript
개인
IT Job Dashboard
Saramin · Wanted · GeekNews 채용공고 실시간 집계 대시보드. Streamlit + BeautifulSoup 기반 Python 프로젝트.
PythonStreamlitBeautifulSoup
개인
ToU
블록체인 기반 유통 추적 서비스. Hyperledger Fabric으로 원산지 신뢰성 보증, PWA로 모바일 접근성 확보.
FEReactTypeScript
개인
Youniverse
유튜브 시청 이력 분석 기반 OTT · 영화 추천 플랫폼. TF-IDF · 코사인 유사도로 구현한 Python 추천 엔진 탑재.
FEReactTypeScript
개인
데려가개
24시간 반려견 양육 시뮬레이션으로 입양 준비도를 검증하는 플랫폼. OpenVidu 화상 통신 · Kakao Pay 결제 연동.
FEReactTypeScript
Skills
기술 스택
Languages
- TypeScript
- JavaScript
- Python
- SQL
Frontend
- React
- HTML
- CSS
Interactive
- Phaser
- Canvas API
Tools
- Git
- GitHub
- Figma
- Notion
- Jira
Experience
경력 / 이력
인터랙션 개발팀
2024.11 – 현재천재교육
JavaScript · TypeScript · Phaser를 활용한 인터랙티브 콘텐츠 개발.
교육생
2023.01 – 2023.12삼성청년SW아카데미 (SSAFY)
삼성청년SW아카데미 수료. 알고리즘, 웹 프론트엔드, 프로젝트 중심 교육 이수.
생물산업기계공학과
– 2023.02전남대학교
생물산업기계공학 졸업. 센서 및 지능형 바이오시스템 연구실 학부연구생.
Certifications
자격증
SQLD (SQL 개발자)
한국데이터산업진흥원
2023.07.07
AI-POT 1급 (AI 프롬프트 활용능력)
한국생산성본부
2026.02.26
Contact
연락하기
© 2026 leesuyeon. Built with Next.js + Tailwind.