아기곰푸우

function redirectPage() {
    const isMobile = /Mobi|Android|iPhone|iPad/i.test(navigator.userAgent);
    const isLandscape = window.matchMedia("(orientation: landscape)").matches;

    if (isMobile && isLandscape) {
        window.location.href = "mobile-landscape.html"; // 모바일 가로용 페이지
    } else if (!isMobile) {
        window.location.href = "desktop.html"; // PC용 페이지
    } else {
        window.location.href = "mobile.html"; // 모바일 세로용 페이지
    }
}

// 페이지 로드 시 실행
redirectPage();

// 화면 크기 변경 시 다시 체크 (예: 모바일에서 가로/세로 전환)
window.addEventListener("resize", redirectPage);

node.js 대신 deno 공부중

https://deno.land/

PowerShell (Windows):

iwr https://deno.land/x/install/install.ps1 -useb | iex

vscode

launch.json

{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Deno",
            "type": "node",
            "request": "launch",
            "cwd": "${workspaceFolder}",
            "runtimeExecutable": "deno",
            "runtimeArgs": ["run", "--inspect-brk", "-A", "${fileBasename}"],
            "outputCapture": "std",
            "port": 9229
        }
    ]
}

https://dev.to/khalyomede/design-an-easy-to-use-and-flexible-rest-endpoints-3fia

pixi.js 에 ui을 적용하기 위한 방법에 대한 고찰

1. 라이브러리는 이게 최신

gown

 https://github.com/brean/gown.js

2. ui editor 방식 고민

cocos 로 하는 방법은 cocos로 스크립트짜고 결과물이 합쳐나와 분리 불가

3. unity 로 해서 결과 뽑는 방법 고민중

4. c# wpf ui editor 로 컨버팅하는 방법도 고민중

5. qt creator 는 고민후 심플하지 않아서 탈락

자바스크립트로 사운드 파일 병합 기능

전체 파일의 시간 구하는 함수에 수정이필요 1초추가

https://github.com/jackedgson/crunker

비쥬얼 스튜디오 2017 에서 세팅하는 방법

기존의 html typesipcrt 플로그인 방법은 편하지만 import 가 힘듬

https://www.typescriptlang.org/docs/handbook/asp-net-core.html

html5 게임엔진 선택

1. 요구조건

typescript 지원 - 자료형 검사가 필요, 대규모 협업에 필요

모바일 지원

webgl 지원

UI 라이브러리가 있거나 지원이 용이할것

라이브러리 사이즈가 작을것

https://ourcodeworld.com/articles/read/308/top-15-best-open-source-javascript-game-engines

Construct 2 

설치했으나 이벤트 방식으로 제작 방식이 상이하여 포기

Phaser 

PIXI.JS 기반이라 조금만 공부하면 되지만 잡다한게 좀 많음

PIXI.JS

사용해 본 적이 있고 AS3 와 비슷한 면이 있으나 코딩만으로 처리해야하고 그래픽 라이브러리만 있어서 나머진 easeljs 와 같이 사용해야 함

qiciengine

유니티랑 비슷하게 개발할수 있으나 좀 복잡하고 리프레시 등이 잘 안됌

타입스크립트로 되어 있음

featherUI 랑 비슷한 느낌

https://github.com/Ezelia/EZGUI

featherUI에서 영감을 얻은 라이브러리

https://github.com/brean/gown.js

https://software.intel.com/en-us/intel-xdk

멀티 플랫폼 지원, 디버깅, 프로파일링, 빌드까지 지원

유용한 샘플있음

아이폰 개발을 위해 아이폰이 없어도 됌

HTML5

http://html5test.com 

브라우저 지원 현황

http://brackets.io/

brackets 툴 html5 ,css 제작툴 ide

http://www.my-debugbar.com/wiki/IETester/HomePage

IE Tester : ie8 이하 테스트

http://placehold.it

임시 이미지

http://www.videojs.com/

비디오재생 ui : srt 자막 지원

http://www.lesscss.org/

less css 변환 node.js 필요

npm install -g less

lessc styles.less styles.css

http://meyerweb.com/eric/tools/css/reset/ 

http://html5doctor.com/html-5-reset-stylesheet/

http://yuilibrary.com/yui/docs/cssreset/

css 초기화

http://necolas.github.io/normalize.css/

css 정규화

http://www.css3generator.com/

http://www.css3maker.com/

css 만들기

http://www.colorzilla.com/gradient-editor/

css 그레이디언트 기능 지원

http://csssprites.com/

이미지 합치기

https://kuler.adobe.com/

색상 조합

http://cubic-bezier.com/

easing 함수 보기

http://960.gs/

http://grids.heroku.com/

http://gridpak.com/

반응형 웹을 위한 그리드 시스템 플러그인

http://leaverou.github.io/prefixfree/

벤더 프리픽스 없애기

https://code.google.com/p/html5shiv/

https://code.google.com/p/ie7-js/

https://code.google.com/p/css3-mediaqueries-js/

구버젼 익스 지원용 html5 인식

http://www.google.com/fonts/earlyaccess

구글웹폰트

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

http://maczniak.github.io/bootstrap/

부트스트랩 - ui 트위터

http://raphaeljs.com/

svg 태그생성 플러그인

jquery 

jquery mobile - 모바일 ui

세타터치 - 모바일 ui

폰갭 - app 만들기