캡슐화
-
Vue.js 사용하는 이유 :: 마이구미Vue.js 2017. 9. 2. 00:43
이 글은 Vue, Angular, React 를 비교하는 글이 아닌 단순히 Vue.js의 장점을 다룬다.Vue 이외에는 눈으로만 보았기에, Vue에 편중되어 보여질 수도 있다는 점을 미리 언급한다.세가지 비교는 참고 링크를 읽어보길 바란다.읽기 전 참고할 링크 - Virtual DOM && Top 7 reasons Vue.js && Vue, Angluar, React 비교 Vue는 요즘 핫한 자바스크립트 프레임워크로 사용되고 있다.React와 Angular가 항상 비교 대상이였지만, Vue의 등장으로 크게 3가지로 비교되고 있다.Vue의 등장은 신선했다.왜냐하면 Vue.js는 혈통 없이 React와 Angular의 성공과 실패로부터 만들어졌다.크게 React(Virtual DOM)와 Angular(양방향..
-
getter setter in ES6 :: 마이구미Javascript 2017. 5. 19. 23:55
이번 글은 getter와 setter를 다뤄본다.getter와 setter에 대한 자료는 이해할 수 없는 글들과 궁금증을 해결시켜주는 못하는 글들이 대부분이다.도대체 왜 getter와 setter 굳이 왜 쓰는지? 왜 써야하는거지? 대한 궁금증에 도움이 되는 글이 쓰겠다.예제는 ES6 기준으로 진행하지만, 언어와 상관없이 봐도 무관하다. getter와 setter를 언급한다면, 대부분 private 개념이 따라오게 된다.책이나 글에서 볼 수 있는 극단적인 예는 아래와 같다.private 변수를 지정한 후, 이 변수에 접근하기 위해 getter, setter를 이용한다.맞는 말이다. 하지만 이해하기 힘들 거라고 생각한다. 다음 예제를 통해 확인해보자.1. name을 저장할 때는 정확한 값일 때 저장한다.2..
-
Java 객체 지향 프로그래밍 개념 :: 마이구미Java 2017. 2. 14. 21:54
이번 글은 원본 글을 번역하여 객체 지향 프로그래밍(OOP) 에 대한 기본 개념을 다뤄본다. 예제들과 함께 JAVA의 OOP의 개념에 대해 이해하는 데 도움이 될 것이다.OOP의 특징들에 대해 알아보자. OOP의 작성은 클래스를 만들고, 생성된 클래스를 객체로 만들고, 이 객체를 사용하여 독립형 실행 프로그램인 응용 프로그램을 만드는 것이 포함된다. 클래스는 객체의 데이터 필드와 메소드가 무엇인지 정의하는 template, blueprint, contract 를 의미한다.객체는 클래스의 인스턴스이고, 클래스는 많은 수의 인스턴스를 생성할 수 있다. 여기서 클래스, 객체, 인스턴스를 짚고 가자. // Person 클래스 class Person {// ......} Person p; // Person 타입의..
-
자바스크립트 모듈 패턴 :: 마이구미Javascript 2016. 7. 26. 20:25
이번 글에서는 모듈 패턴을 알아볼 것이다.이전 즉시실행함수에 대한 글을 살펴보고 오면 좋다.이전 글 내용에서 조금 더 들어간 내용이다. 모듈패턴이란 로직을 캡슐화하고 전역 공간의 남발을 방지하는 훌륭한 기법이다. (function() { var a = 1, b = 2;}()); 자바스크립트에서는 위와 같이 익명함수와 즉시실행함수가 있기 때문에 가능하다.익명함수 내부의 변수들은 지역변수가 되므로 외부에서 접근할 수가 없지만, 익명함수 내부에서는 전역변수를 이용할 수 있다.이런 식으로 커지다 보면, 변수에 대한 명확성이 떨어지게 된다.또한 당연히 전역변수를 사용 시에는 지역변수 접근보다 시간이 더 걸린다. 이 문제를 해결하기 위한 방법이 이전 글에서도 살짝 언급했었다. (function($) { consol..