keicoon15

(1) 에서 console empty project 로 진행하여, node.js 실행 결과만 확인할 수 있었다. 이번에는 web project 를 생성하여 진행한다. 프로젝트 구성은 위와 같다. npm 설치가 가능하고 "server.js" 파일이 기본으로 생성된다. server.js 이름으로 알 수 있듯이 server 를 구성하고 web browser 에서 js 수행을 기반으로 동작한다. server.js 구성은 아래와 같다. 'use strict'; var http = require('http'); var port = process.env.PORT || 1337; var fs = require('fs'); http.createServer(function (request, response) { http ..

대부분의 js 개발은 VS Code 를 많이 사용한다. 하지만 VS 2022 를 설치한 환경에서도 js 프로젝트를 생성할 수 있다. 먼저, VS Installer 에서 아래 "Node.js 개발" 을 포함시켜 설치한다. 이후 VS 2022 를 실행하면 js 관련 프로젝트 선택이 나오는데 많은 template 을 제공하고 있다. 적절한 template 을 선택하고 실행하면 "node.js" 설치가 없다는 메세지를 확인할 수 있다.. 당황하지 말고 팝업 메뉴의 install node.js 를 선택하면 nodejs website 가 연결되며, 적절한 버전의 nodejs ( LTS ) 를 설치하고 VS 2022 를 다시 실행하자. 생성된 프로젝트 구성을 보면 재미있다. sln 파일도 있고.. obj, bin 폴..

http://ccoenraets.github.io/es6-tutorial/next.html https://github.com/keicoon/es6-tutorial_outcome

123456789101112131415161718192021222324252627282930313233343536373839/* main.js */ var _TimerModule = require('./timer');var _TextModule = require('./text');var TimerModule = new _TimerModule(); /* Need Allocate Object */var TextModule = new _TextModule(); /* Test Code */var _testModule1 = function () { return new Promise(function (resolve, reject) { TimerModule.setTimer(0, 1000); resolve(); });..

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104var TimerModule = (function(){ var timer = { time: 0, // default get: function(){ return this.time; }, set: function(_time){ this.time = _time; }, tick: function(_tick){ this.time += _tick } }; ..

# closure - privatevar counter = function() { var privateCounter = 0; function changeBy(val) { privateCounter += val; } return { increment: function() { changeBy(1); }, decrement: function() { changeBy(-1); }, value: function() { return privateCounter; } }};var counter1 = counter();counter1.increment();console.log("counter1:", counter1.value());var counter2 = counter();console.log("counter2:", c..

# Design Pattern - Module Pattern## 자바스크립트 객체도 Private과 Public으로 관리함 - 모듈을 구현하기 위한 방법 > The Module pattern > Object literal notation > AMD modules > CommonJS modules > ECMAScript Harmony moduleshttp://mobicon.tistory.com/338// Global modulevar myModule = (function () { // Module object var module = {}, privateVariable = "Hello World"; function privateMethod() { // ... } module.publicProperty = "..

JavaScript에서function을 즉각 실행하기 위해서는 다양한 방법이 존재함 (function (){})()을 사용할 때 Arguments를 넣는 방법은 아래와 같다. var reqursive_sum = (function(a){ if(!a) return 0 return a + arguments.callee(a-1)})(5);console.log(reqursive_sum)>> 15

드롭박스에서 공유링크를 얻어와 음악을 스트리밍하는 스크립트를 작성해봤다.html5의 audio element를 사용해 쉽게 재생을 구현했다.# 가끔 드롭박스 링크가 재생성되기 때문에 다른 방법을 고민해 봐야한다. 스크립트 내용1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071 음악 스트리밍 사이트 Your browser does not support the audio element. var music_db =[ [ "Danny Elfman - Hellboy Ⅱ Titles.mp3", "https://dl.dropboxu..

관심있는 오픈소스 프로젝트: https://github.com/ncsoft/Unreal.js