첫 개발 작업물 올려봅니다.
어느덧 헌내기를 앞두고 있는 새내기 대학생입니다.
PS를 조금 해보긴 했어도, 제대로 무언가를 만드는 건 너무 어려워서 막연히 상상만 하고 있었는데…
AI 롤플레잉을 접하고 푹 빠지면서 불편한 점들을 개선한 플랫폼을 만들고 싶다는 생각이 들었고,
결정적으로 제가 사용했었던 AI 롤플레잉 서비스 개발자가 지인이였다는 사실에 충격받고 막연히 맨땅에 헤딩박치기로 만들어봤습니다.
마냥 쉽지만은 않았습니다. 시행착오가 조금 있었습니다.
무작정 HTML CSS JS만 배우고 만들어보려다 감도 안잡히고 포기.
React라는게 있구나! 하고 배워보다가 제대로 이해 못하고 포기.
Vue 배우고 supabase로 연동시켜서 만들어보려다 코드가 난장판이 나서 포기.
Claude Code로 바이브코딩 해보려다가 유지보수 못하겠어서 포기.
JS 기반으로 짜다가 타입 안전성때문에 전부 갈아엎음.
여러 번의 시행 착오 끝에, Vue 프론트엔드와 Express 백엔드로 웹서비스를 완성했습니다.
첫 배포 버전 완성까지에는 한 달 조금 넘게 걸렸고, 지금까지도 계속 유지보수하며 서비스를 해보고 있습니다.
개발 측면에서 소개할만한 기능 하나만 가지고 와봤습니다, 순수 Typescript + SVG만으로 구현한 블록코딩 기능입니다.
자체 추상구문 트리가 필요해서 Blockly같은 라이브러리 없이 직접 하나부터 열까지 전부 구축했습니다.
홈페이지는 여기 게시되어있습니다, 돈받는 서비스라 혹시 문제가 된다면 삭제하겠습니다.
사실 피드백이 필요해서… 이렇게 글 남겨봅니다.
추가적으로 무엇을 공부하면 좋을지도 간단히 추천해주시면 감사하겠습니다.
(프론트/백 관련 전문지식도 좋고, 게임에 관심이 많아서 WebSocket이나 unity를 생각해보고 있어요.)
