blog

콜백 헬(Callback Hell)이란? function foo() { run1(function() { run2(function() { run3(function() { ... }); }); }); } 자바스크립트는 비동기 프로그램이라는 특성상 이벤트에 따라 받는...

mongoDB는 스키마가 없는 비정형 DB이다. foreign key와 같이 관계를 주기 어렵기 때문에 join같은것도 어렵다. 여기서 mongodb의 기본적인 사용법에 대해 살펴보도록 한다. 초기에 보안성이 없어 해킹에 대상이 되므로 인증 암호를 꼭 설정하길 바란다...

Angular.js를 사용하는 ionic 기반의 웹앱을 구성하는 프로젝트를 다루기 위해서는 프레임워크를 어느정도 이해하여야 코딩에 손을 댈 수 있다. 자바스트립트와 html 문법은 잘 안다는 가정하에 이 프레임워크를 이해하여야 한다. 아직까지 Angular.js가 정말로 유용한 프레임워크인지는 의문이 간다. Angular.js version 2가 나오면서 더욱 더 복잡해졌기 때문이다. 하지만 일단 version 1 에 대한 프로젝트를 커버하기 위해 기본적인 사항을 알아본다.

웹에 특화된 package management 서비스로 프로젝트의 .bowerrc 파일내에 기록된 directory 폴더에 웹 관련 라이브러리등을 다운로드하거나 버전을 관리할 수 있다. bower는 node.js로 만들어진 도구 이므로 npm을 이용해서 설치하고...

지정 태그 기준으로 특정 태그를 동적으로 넣고자 한다. 태그를 넣기 위한 동적인 요소는 .html, append, after, before() api가 있다. $(지정타겟).html(HTML태그문자열)

windw.resize 이벤트를 강제로 발생 시켜야 하는 경우가 있다. chart.js 같은 패널의 크기가 확장되거나 변경되어야 할 경우 유용할 수 있다. window.dispatchEvent(new Event('resize')); 만일 특정 브라우저 (IE11 이하...

Implementing any type of modular CSS requires fine grain control over classes in your HTML. Fields are a fundamental building block of any Drupal 7...

사이드바의 DIV의 높이를 content의 높이와 맞추기 위해서는 일반적인 방법으로 쉽지 않다. jQuery를 통해 제어하거나 Javascript를 사용하는 방법, css3의 flex를 통해 제어할 수 있었다. 다만, flex가 IE10, 11등 이하 계열에서 조금씩 작동 방식이 차이가 나고 있고, 잘 작동하지 않는 문제가 있었다. CSS3의 display의 flex 값을 통해 제어하는 방법 jQuery를 통해 제어하는 바법 자바스크립트를 사용해 제어하는 방법