OOP LINE-GAME

OOP LINE-GAME

Feb 23, 2019
프로시저 형태로 게임을 작성해보고 점층적으로 OOP방식으로 개선해나가며 학습하기 위한 게임 입니다.
MVC PATTERN

MVC PATTERN

Feb 5, 2019
MVC패턴을 사용하여 TODO앱을 작성해보고 그 과정에서 MVC패턴에 대해 정리하고 이해해 봅니다.디자인 패턴에서는 MVC Pattern처럼 여러가지 패턴들을 사용하여 새로운 형태의 패턴을 생성하는 경우 Composite Pattern이라고 부릅니다. 그렇다면 단순히 패턴을 조합하여 새로운 패턴을 생성하면 무조건 패...
Debugging Node.js.

Debugging Node.js.

Jan 24, 2019
Debugging자바스크립트로 개발하다보면 console.log함수나 debugger를 사용하여 디버깅 하는 경우가 많이 있습니다. 웹브라우저에서는 Chrome개발자 도구가 워낙 잘 지원해주기 때문에 편리하게 사용하고 있지만 Node.js서버에서의 디버깅은 크게 신경쓰지 않고 console.log만 사용하여 디버깅하...
ES6 - THE NEW METHODS OF STRING AND ARRAY

ES6 - THE NEW METHODS ...

Jan 21, 2019
StringES6의 String에는 몇 가지 메소드가 추가 되었습니다. 기존 메소드에 비해 새로운 메소드들의 실행 결과값은 의도를 쉽게 파악할 수 있도록 구현 되었습니다.
ES6 - CLASS

ES6 - CLASS

Jan 7, 2019
ClassES6에서는 새로운 class문법을 지원하여 prototype 기반의 상속보다 간단하게 기술합니다. 그로 인해 객체를 생성하고 객체의 관계를 정의하는데에 훨씬 단순하고 명확한 문법을 제공 하게 되었습니다.
ES6 - PARAMETERS

ES6 - PARAMETERS

Dec 14, 2018
Default Parameterfunction f (a, b, c) { if (!a) { a = 1 } b = b || 2 c = c ? c : 3}ES6이전에는 위에 기술해놓은 3가지 방법등으로 파라미터에 값이 없는경우 기본값을 할당 했었습니다. 그러나 이렇게 기본값을 할당하는 경...
ES6 - ITERABLE ITERATOR

ES6 - ITERABLE ITERATOR

Nov 28, 2018
Duck Typingclass Integer { public static void main (String [] args) { int value = 1; } }사람은 손가락이 10개이기 때문에 주로 10진법에 익숙하지만, 전자 기기의 경우에는 특정한 신호(물, 바람, 힘, 전...
ES6 - DESTRUCTURING ASSIGNMENT

ES6 - DESTRUCTURING AS...

Nov 23, 2018
해체 할당이란 배열이나 객체의 값을 해체하여 새로운 변수에 할당하는 표현식 입니다. ES6에 추가되었으며 활용도가 가장 높은 기능 중 하나이죠. 오늘은 배열이나 객체에 담겨져있는 값들을 해체하여 새로 할당하는 방법에 대해 정리하고자 합니다.
ES6 - ARROW FUNCTION

ES6 - ARROW FUNCTION

Nov 17, 2018
1. The Arrow Function화살표 함수라 부르는 ES6에 도입된 이 문법은 여러가지 기능 및 장점을 가지고 있습니다. 일반 function표현식에 비하여 표현 구문이 짧고 간결할 뿐 아니라, this, arguments, super등을 허용 하지 않기도 합니다. 화살표 함수는 항상 익명함수이며 메소드가 아...
ES6 - TEMPLATE LITERAL

ES6 - TEMPLATE LITERAL

Nov 9, 2018
1. String 객체를 생성let str1 = new String('string')let str2 = new String("string")JavaScript에서 String은 원시타입primitiv 입니다. 그 자체로 값인 것이죠. 물론 전역 객체로서 String 또한 존재하기 때문에 new연산자를 사용하여 객체 ...
ES6 - INTRODUCE, LET, CONST

ES6 - INTRODUCE, LET, ...

Nov 3, 2018
1. ECMAScriptECMA란 European Computer Manufactures Association에서 출발하여 1994년에 정보 통신 기술 표준 연구회의 의미로서 변경된 기관명 입니다. 그 결과 더이상 ECMA는 단어의 앞글자를 따서 만들어진 글자가 아닌 그 자체로의 의미를 가지게 됩니다. 이 협회는 다...
CSS Panorama Viewer

CSS Panorama Viewer

May 10, 2018
CSS position, box-model

CSS position, box-model

May 10, 2018
자바스크립트 숫자 표현 방식

자바스크립트 숫자 표현 방식

Jun 10, 2017
1. IEEE-754자바스크립트는 [IEEE-754](https:// ko.wikipedia.org/wiki/IEEE_754)에 의거하여 정수와 부동소수점을 표기합니다.IEEE-754 표기법 중 32BIT를 사용하는 단정도와 64BIT를 사용하는 배정도방식이 존재하는데자바스크립트는 배정도 방식을 사용하여 정수와 부동...
ES6 - REFLECTION

ES6 - REFLECTION

Jan 13, 2017
1. Reflection의 정의ES6의 Reflection을 알아보기 전에 먼저 자바의 Reflection의 개념에 대해서 알아보겠습니다.Reflection이란 사전적으로 ‘거울에 비친 그림자, 반사’등의 의미로 사용 되는 단어 입니다.조금만 생각해 보자면, Reflection은 사전적 의미를 그대로 따른다고 볼 수...
빌더 패턴.

빌더 패턴.

Dec 27, 2016
- Builder Pattern
JAVA 8 스트림 (Stream)

JAVA 8 스트림 (Stream)

Dec 16, 2016
JAVA8 Stream
JAVA8 메소드 레퍼런스(Method Reference)

JAVA8 메소드 레퍼런스(Method ...

Dec 9, 2016
JAVA8 Method Reference
JAVA8 람다 표현식(Lambda Expression)

JAVA8 람다 표현식(Lambda Ex...

Dec 9, 2016
람다 표현식에 관하여
JAVA 8 Interface

JAVA 8 Interface

Dec 9, 2016
Interface
HTML5 CANVAS TETRIS

HTML5 CANVAS TETRIS

Nov 27, 2016
CSS 라이언

CSS 라이언

Nov 17, 2016
MONGODB를 쉽게 사용하게 해주는 DEPLOYD

MONGODB를 쉽게 사용하게 해주는 D...

Nov 12, 2016
DEPLOYD 사이트DEPLOYD DOCUMENT<br
ES6 - SYMBOL

ES6 - SYMBOL

Nov 7, 2016
SYMBOL API
HTML5 CANVAS TEXT

HTML5 CANVAS TEXT

Nov 6, 2016
HTML5 CANVAS DRAW

HTML5 CANVAS DRAW

Nov 6, 2016
HTML5 CANVAS CROSS LINE

HTML5 CANVAS CROSS LINE

Nov 6, 2016
HTML5 CANVAS CLOCK

HTML5 CANVAS CLOCK

Nov 6, 2016
Algorithm - Shell Sort

Algorithm - Shell Sort

Nov 6, 2016
Shell Sort View
Algorithm - Select Sort

Algorithm - Select Sort

Nov 6, 2016
Select Sort View