NeuroWhAI의 잡블로그

https://neurowhai-net-game-test.herokuapp.com/ 만들고 싶은 멀티플레이 게임이 있는데 동기화 문제가 골치일 거라는 것을 알고 있었기에 연습 삼아 개발했습니다. 좋은 글이 있어서 비교적 빨리 구현할 수 있었습니다. 다만 많이 허술합니다. 데모 링크는 서버가 안좋아서 ㅠㅠ 겨우 공 몇개 동기화하는 것도 이렇게 힘든데 참 어떡할지 고민이네요. 아래는 소스코드입니다. 자바스크립트는 정식으로 공부한 적이 없어서 코드 스타일은 거르고 보시면 되겠습니다 ㅋㅋ.. GitHub에도 있습니다! 서버: var app = require('http').createServer(handler); var io = require('socket.io')(app); var fs = require('fs..

https://neurowhai-memo-app.firebaseapp.com/ 인프런의 강좌를 보고 실습한 결과물입니당 ㅎㅎ 아주 조금 개선한 부분도 있고요... 처음 들어가면 팝업(차단되면 허용하고 다시 새로고침...)이 뜰텐데 구글 계정으로 로그인하면 됩니다. 그러고 메모를 적은 후 '+' 버튼을 누른다거나 해서 포커스를 다른 곳에 두면 수정/저장됩니다. 메모를 불러오려면 좌측 메뉴의 동그란 버튼?을 누르면 됩니다. 삭제는 커서를 좌측 메뉴에 두면 버튼이 나옵니다. 하도 좋다길래 함 써본건데 편하긴 하네요. 나중에 앱 개발도 공부할 건데 그때 같이 써서 뭐 좀 만들어봐야겠습니다 ㅎㅎ

그냥 이렇게 하면 브라우저 마다 다른 모습으로 나오게 되는데디자인 알못인 제가 봐도 구립니다.그래서 커스텀 할 수 있는지 검색해봤는데 역시나 되더라고요.label의 for 속성을 사용해서 label을 클릭해도 input이 클릭되도록 연동하는게 핵심입니다. 실제로 동작하는 예시: 코드와 디자인은 검색해서 봤던 코드를 썼는데 좀 밋밋해서마우스 이벤트에 따라 색이 변하도록 제가 따로 넣었습니다.