ywlee861009

Phaser 는 어떻게 동작하는가? 우리는 Phaser 를 단순 html 파일에서 js 파일을 로드하는 것만으로도 사용할 수 있다.하지만, 일반적인 웹페이지처럼 localhost(웹서버가 설치되지 않은) 상에서는 이용할 수 없다. Why? 왜 단순 html 파일에 js 를 로드하는 것인데, 웹서버가 존재하지 않는 로컬 에서는 동작하지 않는 것일까? 우선, 경우를 2가지로 나누어 볼 수 있겠다. 단순히 로컬 웹 브라우저를 켜고, 우리가 Phaser로 만든 html 파일을 끌어다 놓는것.웹 서버를 구축하여 server level 에서 html 파일을 보여주는 것.두 가지 방법의 차이는 프로토콜의 차이이다. 전자의 경우 file:// 프로토콜을 이용하지만, 후자의 경우 http:// 프로토콜을 이용한다. Ph..

WebGL 이란? 웹 기반의 그래픽 라이브러리.Javascript 기반이며, 웹 브라우저에서 인터랙티브한 3D 그래픽을 사용할 수 있도록 제공해 주는 라이브러리이다. 장점이라고 하면, 플러그인 설치 전혀없이, 3차원 그래픽스 API 를 제공하는 캔버스 HTML 요소의 일부분. 2011년 3월에 출시되었으며, 모든것은 프리웨어이다. WebGL 둘러보기 https://threejs.org/examples/ 에서 웹지엘로 어떤것들이 구현가능한지 둘러볼 수 있다.둘러보다 보면 알겠지만 상당히 고퀄리티의 결과물을 뽑아낼 수 있다. 이렇게 바람에 펄럭이는 천이나.. 사람얼굴을 3D 모델링한다거나.. 이런 사진에 효과를 주는것.. 이 모든것들을 Javascript 만으로 별도의 플러그인 설치없이.. 가능하다 공부좀 ..

스탯카운터로 본 OS 점유율 참조 : http://gs.statcounter.com 기간 : 2017. 1. ~ 2017. 2. 1. 윈도우 : 38.67 %2. 안드로이드 : 37.28 %3. iOS : 13.08 %4. OS X (mac os) : 5.15 % 아직은 안드로이드가 압도적이나, iOS 가 계속 추격해 오고 있다.

스탯카운터로 본 인터넷 브라우저 점유율 참조 : http://gs.statcounter.com 기간 : 2017. 1. ~ 2017. 2. 한국 잘 안보이시는 분들을 위해 1위 크롬 : 53.2%2위 인터넷 익스플로러 : 20.12%3위 삼성 인터넷 : 15.45%4위 사파리 : 9.05% 그외 고만고만 전세계 1위 크롬 : 52.06%2위 사파리 : 14.47%3위 UC 브라우저 : 8.4%4위 파이어 폭스 : 6.74% 그외 고만고만

사용 함수 strtotime(date); 날짜 크기 비교하기 $timenow = date("Y-m-d H:i:s"); $timetarget = "2017-03-15 00:00:00"; $str_now = strtotime($timenow);$str_target = strtotime($timetarget); if($str_now > $str_target) {echo "비교할 시간이 현재 시간보다 이전입니다.";} elseif($str_now == $str_target) {echo "비교할 시간이 현재시간과 같습니다.";} else {echo "비교할 시간이 현재시간보다 작습니다.";}

JSON.stringify() JSON 객체를 String 화 시켜주는 함수 문법 JSON.stringify(value[, replace[, space]]); 사용법 var test = { type: "login", name: name }; JSON.stringify(test);

문제 모든 개발의 가장 큰 문제는 [성능] 이다.php 역시 페이지가 너무 느린경우 체크가 필요할 때가 있다.하지만, 모든 페이지의 데이터처리가 끝나야 View가 표시되기 때문에 어느 부분에서 페이지 로딩이 느려지는지 파악하기 어려울때가 있다. 해결 아래 코드를 중간중간 삽입하여 나오는 결과로 어디서 코드가 오래 걸리는지 파악할 수 있다. 함수 function get_microtime(){$misec = explode(' ', microtime());return $misec[1] . $misec[0];} 사용 $script_runtime = get_microtime(); echo $script_runtime." ";

Nodejs의 socket을 이용하여 채팅구현 socket의 양방향 통신을 이용하여 채팅을 구현한다. 사전 조건 서버 환경 : CentOS, NodeJS(express+socket.io) 구성하기 먼저, 서버에는 nodejs가 설치되어있어야 한다.작업할 폴더를 생성한 후, 아래와 같이 package.json 파일을 생성해보자 /package.json { "name": "marlboroyw-chat", "version": "1.0.0", "description": "Chat P with nodejs+socket.io", "dependencies": { }} express 설치 아래와 같이 타이핑하여 node.js framework express 를 설치하자 [root@localhost node_chat]#..

extraneous ? 사전적인 정의로 '관계 없는' 이라는 뜻의 영어 단어이다. npm install -> npm list npm install 로 websocket module 인 'ws'를 설치했다.npm list 를 타이핑 했더니 아래와 같은 결과가 노출되며, websocket이 동작되지 않았다. [root@localhost gchat]# npm listnpm WARN npm npm does not support Node.js v0.10.46npm WARN npm You should probably upgrade to a newer version of node as wenpm WARN npm can't make any promises that npm will work with this versio..

문법 element = document.querySelector(selectors); Browser Support 브라우저 이름 버전 익스플로러 11 이상 익스플로러 엣지 14 이상 파이어폭스 51 이상 크롬 49 이상 사파리 10 이상 오페라 43 이상 IOS 사파리 9.3 이상 오페라 미니 ALL Android 브라우저 4.4 이상 Android 크롬 56 이상 예제 1 var el = document.querySelector('div'); 문서에서 가장 처음 나오는 div 태그를 반환한다. 예제 2 다음과 같이 강력하게 사용할 수 있다. HTML JavaScripts var el = document.querySelector("div.user-panel.main input[name=login]"); ..