포트폴리오 목록
웹개발 완료
아동 인지발달 카드 교구 패드 웹
2026.10 · 교육 · 태블릿 웹
개요
실물 카드 교구를 아이패드·갤럭시탭에서 끌고 돌려 푸는 퍼즐 웹이다.
고객이 겪던 문제
아이가 틀려 보고 다시 옮기며 스스로 알아채는 실물 교구의 느낌을 화면에서도 지켜야 했다. 정답 배치가 여러 개인 문제와 아이 손에서 자주 생기는 확대·새로고침 오작동도 풀어야 했다.
ITF가 한 일
보드 위에서 카드를 끌어 놓고 톡 쳐서 90도씩 돌리는 조작을 만들고, 정답표 비교 대신 선이 도안대로 이어졌는지 규칙으로 검사하는 판정을 넣었다. 문제 하나를 데이터 파일 하나로 두어 개발자 없이 문제를 늘릴 수 있고, 홈 화면 추가로 와이파이 없이도 풀 수 있다.
결과
퍼즐 화면, 정답 판정, 문제 진행, 패드 기기 대응까지 개발을 마쳤다.
기술 스택
TypeScriptPixiJSPWA 오프라인규칙 기반 정답 판정터치 오작동 방지
화면
비슷한 걸 만들고 싶으신가요?
만들고 싶은 것을 한 줄로 남겨 주시면 영업일 2일 안에 연락드립니다.