포트폴리오가 전체 화면을 기준으로 제작되었습니다. 데스크탑 환경에서 확인해 주시면 더욱 좋은 경험을 하실 수 있습니다. 감사합니다!
<aside> 💡 010-7476-3869
</aside>
<aside> ✉️ [email protected]
</aside>
<aside> <img src="attachment:87f20c90-c872-42ca-a645-9fb054be5f73:%E3%84%B1%E3%85%8E%E3%85%82_1.png" alt="attachment:87f20c90-c872-42ca-a645-9fb054be5f73:%E3%84%B1%E3%85%8E%E3%85%82_1.png" width="40px" /> Github
</aside>
<aside> <img src="attachment:163c1a97-fefd-4034-8e14-45a50c381c9d:velog.png" alt="attachment:163c1a97-fefd-4034-8e14-45a50c381c9d:velog.png" width="40px" /> Velog
</aside>
<aside> ⌨️ 항상 새로운 접근을 추구하며 계속 성장하는 백엔드 개발자, 이재현입니다.
오늘의 투자, 내일의 성장을 만드는 개발자입니다. 기존을 뛰어넘는 새로운 접근으로 개발하는 것을 즐거워하고 있습니다.
새로운 것을 거부하지 않고, 새로운 접근에 대한 것이나 IT 지식, 개발 등에 대한 생각을 하는 것을 좋아합니다.
하나에 대해서 진심으로 생각하고 찾고 해결하는 과정에서 즐겁고, 해결하면 성취감을 느낍니다.
</aside>
<aside> <img src="notion://custom_emoji/429aa372-ab12-4a41-9059-ea4baad476df/151d2c34-c4b0-8059-9978-007a5b86c0ad" alt="notion://custom_emoji/429aa372-ab12-4a41-9059-ea4baad476df/151d2c34-c4b0-8059-9978-007a5b86c0ad" width="40px" />
</aside>
시작 페이지
문제 풀이 화면 1
메인 페이지
문제 풀이 화면 2
문제 선택 화면
문제 풀이 화면 3
현재 초등학교 교육 과정을 조사해본 결과, ‘프로그래밍’이라는 과목이 포함되어 있을 정도로 많은 학생들이 프로그래밍에 굉장히 밀접해있다는 것을 알 수 있었습니다. 그리고 그만큼 관심도 많습니다.
하지만 대부분 블록 코딩으로 코딩이나 프로그래밍 다운 것을 하지 않고 있다는 것을 알았습니다. 그리고 프로그래밍 언어는 보통 영어인데, 주 사용자 층이 한국 사람이거나 한글을 사용하시는 분들이기에 한글을 많이 사용하고 알아야 해서 한글로 만들기로 결정하였습니다.
그래서 저희는 아이들이 타자를 치고, 입력하는 대로 캐릭터를 실시간으로 움직이며 재미있게 문제를 해결할 수 있는 교육용 텍스트 코딩 웹사이트, “SPACE”를 만들게 되었습니다.
주요 서비스 기능은 사용자가 문제를 한글로 푸는 것입니다.
문제 화면은 두 가지 주요 영역으로 구성되어있습니다. 왼쪽 영역은 사용자의 입력에 따라 직관적인 움직임이 표시되고, 오른쪽 영역에서는 NPC와의 채팅을 통해 문제를 해결해 나갑니다. 사용자가 문장을 입력하면 화면이 해당 문장에 맞춰 반응하여 움직이고, 입력한 문장이 문제를 해결하는데 도움이 되는지 등의 대한 피드백도 제공됩니다.
또한 사용자는 문제와 함께 주어진 체크 리스트를 통해 좀 더 문제를 해결해 나갈 수 있도록 돕습니다.
추가적으로 사용자의 흥미를 유발하기 위해서 상점 기능을 도입하였습니다. 사용자는 문제를 해결하거나 추가적인 도전 과제 등을 통해서 크레딧을 모을 수 있고 해당 크레딧으로 상점에서 다양한 머리 악세서리, 테마 등을 구매할 수 있습니다.
사용자의 학습 데이터를 사용해서 선생님 분들과 부모님 분들 등 사용자의 학습에 관심 있는 분들께 사용자의 데이터를 시각화를 해서 제공합니다.