React Study v2 #00
React란? React(이하, 리액트)는 JavaScript(자바스크립트)를 사용해서 사용자 인터페이스를 구축하는 엔진이란 표현이 가장 적합하다고 생각함 Justin Deal(저스틴 딜)은 반응형 렌더링과 게임 엔진이 작동하는 방식의 유사성에 주목하고 리액트를 설명하는데 '엔진'이라는 용어를...
JS
HTML5 미니게임 개발 튜토리얼 6
HTML5 미니게임 개발 튜토리얼 이전 글 : Swing my baby 를 통해 보는 HTML5 게임 개발(5) 현재 글 : Swing my baby 를 통해 보는 HTML5 게임 개발(6)...
HTML5 미니게임 개발 튜토리얼 5
HTML5 미니게임 개발 튜토리얼 이전 글 : Swing my baby 를 통해 보는 HTML5 게임 개발(4) 현재 글 : Swing my baby 를 통해 보는 HTML5 게임 개발(5)...
HTML5 미니게임 개발 튜토리얼 4
HTML5 미니게임 개발 튜토리얼 이전 글 : Swing my baby 를 통해 보는 HTML5 게임 개발(3) 현재 글 : Swing my baby 를 통해 보는 HTML5 게임 개발(4)...
HTML5 미니게임 개발 튜토리얼 3
HTML5 미니게임 개발 튜토리얼 이전 글 : Swing my baby 를 통해 보는 HTML5 게임 개발(2) Swing my baby 를 통해 보는 HTML5 게임 개발(3) 으아 벌써 3편째.......
HTML5 미니게임 개발 튜토리얼 2
HTML5 미니게임 개발 튜토리얼 이전 글 : Swing my baby 를 통해 보는 HTML5 게임 개발(1) Swing my baby 를 통해 보는 HTML5 게임 개발(2) 개발 과정 캐릭터...
HTML5 미니게임 개발 튜토리얼 1
HTML5 미니게임 개발 튜토리얼 Swing my baby 를 통해 보는 HTML5 게임 개발(1) 이 글의 목표 [embed]https://youtu.be/P7NQyDeGfKE[/embed] 이 글은 현재 "던전 앤 파이터"의 점검페이지에서 플레이할 수 있는 "Swing...
audio5.js example
이번 프로젝트 하면서, 주문이 들어왔을 때 웹상에서 특정 소리로 사용자에게 알려줘야하는 부분이 있었는데, 음원 재생관련 라이브러리를 찾아 보다가 괜찮은 것이 있어서 예제코드를 남긴다. http://zohararad.github.io/audio5js/
모듈화 Webpack 관련 정리
주의 - 본 글은 타링크에 대한 개인적인 정리글입니다. CommonJS JS를 여러곳에서 쓰자는 워킹그룹 브라우저 밖에서의 실행, 서버사이드에서 js를 쓰자. 주요 명세 : 모듈화(모듈에 대한 정의와 사용) 스코프(scope) :...
Windows10 Mobile용 자전거 내비 개발
개요 윈도폰을 벌써 세 개째 쓰고 있지만, 이전 폰까지는 윈도 스토어에 있는 티맵이 잘 동작해서 별 생각이 없었다. 그런데 루미아950XL로 폰을 바꾼 뒤 보니까 티맵이 여기엔 설치가 안된다!!...
노출식 모듈 패턴 Revealing Module Pattern
Carl Danley의 글 The Revealing Module Pattern을 요약 번역한 글이다. Todd의 Angular 스타일 가이드를 읽는 중 factory를 노출식 모듈 패턴으로 작성하라는 얘기가 있어서 찾아봤다. 노출식 모듈 패턴 Revealing...
모바일 청첩장 개발기
개요 http://marriage.lazygyu.net/ 결혼 하려니까 청첩장은 필요한데, 종이 청첩장은 만들기 귀찮고 아무도 초대 안 할거라 쓸모가 없어서 그냥 모바일 청첩장만 만들기로 했다. 개발 Backend 사용 라이브러리 및 환경 node.js...
JS로 간단한 Windows 게임 만들어보기 – part 1. 2D 개발 준비
JS로 간단한 Windows 게임 만들어보기 - part 1. 2D 개발 준비 개요 Windows 8 이후로 마소에선 HTML 앱을 브라우저 없이 네이티브 앱으로 지원합니다. 이 방법은 개발 자체가 편하다는...
timesheet.js??
놀다 보니 이것저것 보는 것들도 많다. 그런것들이라도 간단히 적어둬야지… 노트에다가 작성을 해놓고 넣어두는 것도 한 방법이지만, 봤을때 좋은거라 생각한다면 그것으로 작업이 가능하지 않을까 하여… timesheet.js 홈페이지: sbstjn/timesheet.js 손을 좀 대서...
angularjs + firebase 로 간단한 웹앱 만들기
Angular.js 와 firebase 로 간단한 실시간 웹 앱 만들기 개요 아직도 회사에서는 팀내 찌끄래기 나이라서 팀의 비품 신청을 담당하게 되었는데, 매번 메일이나 메신저로 필요한 물품을 조사해서 그걸 하나하나...
세상에서 가장 오해를 받던 언어가 가장 핫한 언어가 되다
세상에서 가장 오해를 받던 언어가 가장 핫한 언어가 되다 Douglas Crockford 2008-03-03 진 새밋(Jean Sammet)은 1969년에 Computer Language : History and Fundamentals 라는 책을 썼습니다. 꽤 디테일하게 120개의...
jquery 에서 지원하지 않는 속성에 대해 애니메이션 적용하기
CSS 속성 애니메이션 개요 jQuery 를 사용하면 애니메이션을 편리하게 이용할 수가 있지만, jQuery 버전마다 지원하는 CSS 속성이 다르고, 브라우저 버전마다도 또 다르다. 대표적인 경우로 backgroundSize 와 backgroundPosition 이...
자바스크립트(Javascript) 여행자를 위한 간단한 언어 안내서
Javascript 자바스크립트를 처음 써 본건 작년 8월인데, 그 이후로 쭉 썼지만 그때 그때 구글링 해 가면서 쓴 것이라 언어 자체에 대한 이해가 부족하다는 생각을 항상 했다. 중간에 책도...
자바스크립트 뱀게임
뱀게임의 추억 개요 개인적으로 중학교때 처음 터보씨를 친구에게서 복사해서 갖게 된 후, 가장 처음 C언어로 만들었던 프로그램이 바로 뱀 게임이었다. 만우절 이벤트를 준비하다가 팀장님이 전에 지나가듯이 "이스터 에그를...