그림 위에 칸을 찍을 수 있는 기능은 어떤 언어로 만들 수 있나요?

Question

유저가 이런 그림 위에

저렇게 나눠져 있는 칸에

칸을 자유자재로 찍는 기능이 있었음 하고..

유저가 저 칸에 찍은 걸

db에 올리려면

어떤 언어를 사용해야 만들 수 있나요?

이러한 사이트를 만들어 보고 싶은데...

전혀 몰라서 올려봅니다

https://pixieengine.com/

이 사이트랑 비슷하게요...

Answer 1

pixelengine.com 이 사이트는 canvas로 제작되었습니다. canvas가 무엇이냐면 HTML에 자바스크립트 언어를 사용하여 그림을 그려주는 API(기능)이라고 보시면 됩니다. 사실 저런건 모든 언어로 가능하지만 "사이트"를 만들어보고 싶다고 하셨기에 자바스크립트 언어를 사용하셔야 합니다. HTML, CSS, 자바스크립트의 조합이 될 것 같네요. 웹 프론트 또는 웹 클라이언트 부분입니다.

DB에 올리는 것은 서버가 별도로 필요합니다. 서버도 모든 언어로 만들 수 있지만 자바스크립트로도 만들 수 있습니다. Node.js를 활용하여 서버를 만들고 DB와 연동하실 수 있습니다. 물론 서버는 웹 프론트와는 별개이기에 자바스크립트를 사용하지 않으셔도 되지만 언어가 하나면 이점이 많습니다. 이 aha 사이트도 Node로 만들어졌고요.

자바스크립트를 공부하시면 됩니다. canvas는 자바스크립트를 사용한 기능이니 자바스크립트를 먼저 배우셔야 하실 수 있습니다.