WEB기초44 [node.js] localStorage와 ondeviceorientation 이용한 웹 만들기 localStorage와 ondeviceorientation 이용한 웹 만들기 ondeviceorientation- 이것을 이용하면 모바일의 센서를 이용하여 프로그램을 만들 수 있다. - 모바일에서 이용하므로 서버를 이용해야 한다. ** 출력 결과 **- 컴퓨터의 cmd에서 ipconfig를 입력한 뒤 IPv4의 ip를 휴대폰에서 접속하면 접속이 가능하다. localStorage 이용한 login Form 만들기 (중요)- login form을 생성하여 아이디와 비밀번호를 입력하면 post로 전송한다.: form method="post" action="loginAction": 이 때 input 값은 서버에서 name으로 받기 때문에 name값 설정을 꼭 해줘야한다 - 서버는 console.log로 아이디.. 2017. 4. 21. [node.js] Node.js를 이용한 서버 열어보기 Node.js를 이용한 서버 열어보기 node.js란?Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient. Node.js' package ecosystem, npm, is the largest ecosystem of open source libraries in the world. (홈페이지 참조 : nodejs.org) node.js와 java의 차이점- node.js와 java가 스타벅스라고 예를 들면! - node : 주문하는 카운터가 한 곳, 주문 후 대기표를 받고 대기열에서 기다리는 형식. 먼저 주문했어도 종류에 따라 나중에 주문한 것을 받을 수 있다. - java : 주문을 하려하면.. 2017. 4. 20. [HTML] HTML5 이용하기 05 - 간단한 슈팅게임 만들기 HTML5 이용하기 05 - 간단한 슈팅게임 만들기 ※ 해당 코드 및 파일는 현재 소장하고 있지 않아 제공이 어렵습니다. 도움을 드리지 못해 죄송합니다. 간단한 슈팅게임 만들기 - 드래곤 움직이기, 배경화면 무한 움직이기, 2종류의 몬스터 랜덤으로 나타나기 까지의 코드 # random함수 이용해 몬스터 출력 : Math.floor() - 소숫점이하 내림하기 : Math.random() - 랜덤 수 뽑아내기 ** 출력 결과 ** - 2차 > 적기와 미사일의 접촉, 드래곤의 충돌검사, 효과음 넣기, # 충돌검사시 좌표이용하여 검사한다. ** 출력 결과 ** 2017. 4. 19. [HTML] HTML5 이용하기 04 - Canvas이용한 시계 만들기 HTML5 이용하기 04 - Canvas이용한 시계 만들기 시계 만들기 1- 날짜 객체를 생성한다- .getHours(), .getMinutes(), .getSeconds()를 이용해 시간을 가져온다. ** 출력 결과 ** 시계 만들기 2- 초침, 분침, 시침을 넣는다.- 회전 각도는 rad이므로 따로 계산해주어야 한다. ** 출력 결과 ** 2017. 4. 18. 이전 1 2 3 4 5 6 7 ··· 11 다음
