링크 : https://play.rgbplace.com/#/arrange-number
룰렛 만든다고 글 쓴지 어느덧 2개월 ...
VueJS 에 대한 환경설정도 하고, 놀기도 놀고
그러다 보니 시간이 이렇게나 흘러버렸다. (소개 페이지도 만들고, 파이썬도 공부하고, 고(Go)도 공부하고 ..)
어쨋든,,
VueJS 도 Jekyll + Vue Template 로 만들고, 개발 환경 구축하고,
이것저것 모듈을 붙이다 Vue Grid Layout 을 알게되었다.
만들려고 만든건 아닌데, 예제만 하나 띄워놓긴 좀 뭐해서 게임으로 발전시킴..ㅋㅋ
게다가 처음엔 드래그 & 드랍 방식이었는데, 방식이 마음에 안들어서 클릭 방식으로 변경했다.
클릭방식으로 바꾸면서 들은 생각은,, 이거 그럼 굳이 vue-grid-layout 안써도 된거 아니야..?
숫자 테이블을 CSS 없이 쉽게 그린것에만 만족하자..
나름 7단계 까지 만들었고,, 모바일에서 하면 좀 더 쉽게 플레이할 수 있음. (대신 화면 조절 해야됨.. ㅋㅋ)
만들고나니 어느정도 vuejs 사용법에 익숙해졌다. react 도 옛날에 해봤는데, react 보다 더 다루기 쉬운 것 같다.
그럼.. 이제 룰렛 만들어볼까나
'이전 프로젝트 > [deprecated] Play!' 카테고리의 다른 글
구글 크롬 공룡게임 만들기 (0) | 2022.02.18 |
---|---|
랜덤 주사위 굴리기 (0) | 2022.02.18 |
500개의 링크를 한번에 다운로드 하는 방법. (feat. Rolling Stone's 500 Greatest Songs of All Time) (0) | 2019.10.31 |
돌려돌려 돌림판 (2/3) - 베타 버전 (0) | 2019.10.14 |
돌려돌려 돌림판 (1/3) - 자료조사 (0) | 2019.06.06 |