명우니닷컴

삶의 늪에 들어 가기 전/정리중(미정리)

[AWS] EC2를 이용한 Node.js 웹소켓 서버 구축하기

[AWS] EC2를 이용한 Node.js 웹소켓 서버 구축하기 들어가기에 앞서목표 : 명우니닷컴(http://myeonguni.com) 에서 배경단에서 실시간 그림판을 제공하기 위해 필요한 웹서버를 AWS의 EC2 서비스를 이용하여 구축해보도록 하겠습니다.AWS(Amazon Web Services) : 웹 서비스 호스팅, 원격 컴퓨팅 서비스를 제공하는 기업EC2 : Elastic Computur Cloud의 줄임말로 AWS에서 제공하는 독립적인 서비스로, 다양한 운영체제의 한대의 독립된 컴퓨터를 제공 목차1. AWS console2. EC2 인스턴스 생성하기3. 인스턴스 접속4. 웹 서버환경 구축(nodejs, npm modules 설치)5. Server / Client 소스코드 작성 및 테스트 1. A..

삶의 늪에 들어 가기 전/정리중(미정리)

[자바스크립트] 객체지향적으로 자바스크립트 사용하기(미작성)

[자바스크립트] 객체지향적으로 자바스크립트 사용하기 참고 : http://wiki.gurubee.net/pages/viewpage.action?pageId=1507885 객체지향적으로 자바스크립트 사용하기1. 자바스크립트에서 OOP를 가능하게 하는 요소 (코어자바스크립트)2. OOP특성인 클래스를 구현케하는 샘플 클래스 (코어자바스크립트)3. OOP특성인 인터페이스를 강제한 샘플 클래스 (코어자바스크립트)4. 이벤트의 이해 및 이벤트 중심의 스크립트의 활용 (클라이언트측 자바스크립트)5. 자바스크립트 프레임워크를 사용한 이펙트 기능 구현 (클라이언트측 자바스크립트) 1. 자바스크립트에서 OOP를 가능케 하는 요소 (코어자바스크립트)이전 포스팅 'prototype.js와 객체지향'에 대한 선행학습을 진행했..

삶의 늪에 들어 가기 전/정리중(미정리)

[참고사이트] 프론트엔드스터디(FrontEndStudy) - https://github.com/demun/FrontEndStudy

[참고사이트] 프론트엔드스터디(FrontEndStudy) - https://github.com/demun/FrontEndStudy AngularJS, Atom, Bootstrap, CSS3, CoffeScript, ES6, Github, Grunt, Gulp, Javascript, Jquery, Less, PostCSS, Sass, Sublimetext, Yeoman, orion

삶의 늪에 들어 가기 전/정리중(미정리)

[C++/CLI] Native Cpp 개발자를 위한 Cpp-CLI

[C++/CLI] Native Cpp 개발자를 위한 Cpp-CLI 참고 : Visual Studio 2010 공식 팀 블로그, 최홍배, http://vsts2010.tistory.com/category/C++/CLI

삶의 늪에 들어 가기 전/정리중(미정리)

[자바스크립트] prototype.js와 객체지향

[자바스크립트] prototype.js와 객체지향 prototype js와 객체지향 prototype js 프레임 워크를 살펴보기에 앞서서 먼저 자바스크립트의 사상에 대해 살펴보고 넘어가야 한다. 가장 기본적인 프로퍼티 prototype, _proto_, constructor,.prototype, constructor 이 4가지에 대해 살펴보자 객체지향의 기본 개념인 상속(inheritance)을 이용해 어떻게 서브클래스와 부모클래스의 관계를 맺어주는지 살펴보자. prototype, constructor, constructor.prototype, _proto_ 모든 함수에는 미리 정의된 prototype 객체를 가르키는 prototype 프로퍼티가 있다. 이 prototype 객체는 함수가 new 연산자..

삶의 늪에 들어 가기 전/정리중(미정리)

[자바스크립트] 객체지향 프로그래밍

[자바스크립트] 객체지향 프로그래밍의 문법 학습에 대한 포스팅입니다. 들어가기에 앞서 객체지향 프로그래밍(Object-Oriented Programming)은 크고 견고한 프로그램을 만들기 위한 개발자들의 노력의 산물이다. 좀 더 나은 프로그램을 만들기 위한 프로그래밍 패러다임으로 로직을 상태(sate)와 행위(behave)로 이루어진 객체로 만드는 것이다. 그리고 이 객체들은 마치 레고 블럭처럼 조립해서 하나의 프로그램을 만드는 것이 객체지향 프로그래밍이라고 할 수 있다. 쉽게 생각하자. 객체는 변수와 메소드를 그룹핑한 것이다. 1. 생성자와 new 객체란 서로 연관된 변수와 함수를 그룹핑한 그릇이라고 할 수 있다. 객체 내의 변수를 프로퍼티(property) 함수를 메소드(method)라고 부른다. ..

삶의 늪에 들어 가기 전/정리중(미정리)

[자바스크립트] 함수지향 프로그래밍

[자바스크립트] 함수지향적 프로그래밍 본 포스팅에서는 함수형 언어로서 자바스크립트의 면모를 다룬다. 자바스크립트의 핵심적인 도구는 함수다. 자바스크립트의 함수는 매우 강력하다. 함수에 대한 이해 없이는 자바스크립트를 잘 다루기 어렵다. 함수에 대한 이해는 객체를 이해하는 데 가장 중요한 기초를 이룬다.1. 유효범위(Scope)변수의 수명을 뜻한다. 자바스크립트의 지역변수는 함수에서만 유효하다. 1. 1 지역변수의 사용 function a (){ var i = 0; } for(var i = 0; i < 5; i++){ a(); document.write(i); } → 01234 : 반복문에서 호출한 a함수의 i 값은 a함수내에서 정의된 지역변수이기 때문에 적용되지 않는다. 1. 2 전역변수의 사용 func..

삶의 늪에 들어 가기 전/정리중(미정리)

[자바스크립트][비동기통신] XMLHttpRequest 이용한 Ajax 실습해보기

[자바스크립트][비동기통신] XMLHttpRequest 이용한 Ajax 실습해보기 1. 간단한 개념 정리 Ajax란 비동기 JavaScript와 XML을 뜻한다. 간단히 말하면, 서버측 Scripts와 통신하기 위한 XMLHttpRequest 객체를 사용하는 것을 말한다. 서버측으로 다양한 형식(대표적으로 JSON)의 정보를 주고 받을 수 있다. 본 포스팅에서는 JavaScript에서 XMLHttpRequest를 이용한 Ajax를 구현한다. 2. XMLHttpRequest를 이용한 Ajax 구현 과정 1) XMLHttpRequest 객체 구하기 2) 웹 서버에 요청 전송하기 3) 웹 서버에서 응답이 도착하면 화면에 반영하기 2. 1 XMLHttpRequest 객체 구하기 * IE의 경우 ActiveX 컴..

삶의 늪에 들어 가기 전/정리중(미정리)

[자바스크립트][비동기통신] JSONP

[자바스크립트][비동기통신] JSONP의 간단한 실습에 대한 포스팅입니다. 1. 개념 및 실습환경 Ajax로 다른 도메인에 있는 url을 호출하기 위한 편법(?)으로 JSONP를 사용한다.기존에 서버에서 리턴해 주던 {"key1" : "value1", "key2" : "value2"} 이런 식의 JSON 문자열을callback({"key1" : "value1", "key2" : "value2"}); 이런식으로 임의의 함수(callback)를 호출해 주는 형식의 문자열로 리턴해 주면 된다.즉, JSONP 로 Ajax 호출을 하기 위해선 아무 url 이나 안되고 callback({"key1" : "value1", "key2" : "value2"}); 요런식으로 함수안에 JSON 문자열이 들어간 형식으로 서버..

삶의 늪에 들어 가기 전/정리중(미정리)

[자바스크립트][비동기통신] WebSocket

[자바스크립트][비동기통신] WebSocket의 간단한 실습에 대한 포스팅입니다. 1. 지원IE10이상, Chrome, Firefox, Safari, Opera 브라우저를 지원한다.* 아래 그림 참고. 2. 이벤트 및 메소드2. 1 이벤트open / Socekt.onopen / 소켓 연결이 설정되면 이벤트 발생message / Socket.onmessage / 클라이언트가 서버로부터 데이터를 수신 할 때 이벤트 발생error / Socket.onerror / 통신 오류가 있을 때 이벤트 발생close / Socket.onclose / 접속이 패쇄 될 때 이벤트 발생 2. 2 메소드Socket.send() - 클라이언트에서 서버로 데이터를 송신하는 방법Socket.close() - 기존 연결을 종료하는 방..