youngdeok의 블로그

부트스트랩은 http://getbootstrap.com/ 에서 현재 버전은 3이며 4가 나올 예정이다. 부트스트랩은 사실 좀 무거운 프레임워크에 해당한다. 이 사이트도 부트스트랩 3의 초기 버전을 도입해 구성했으나 최근 버전업 된 부트스트랩을 적용하니 레이아웃이...

드루팔이란 웹 오픈소스 프레임워크로 CMS(Contents Management System)으로도 불린다. 이 사이트도 드루팔로 만든 사이트이다. CMS 프레임워크로는 WordPress, Joomla등이 있다. 처음에는 워드프레스 프레임워크로 도입하려 했으나 좀더...

기존에 Ionic과 AngularJS에서 크로스플랫폼용 하이브리드 앱을 만들다 보면서 느낀점은 Native만큼의 UI/UX를 제공하기 힘들다는 것이다. 이번에 프로젝트를 마치고 Fuse라는 툴을 접해 보았는데 UI/UX가 Native 성능을 가지는 크로스 플랫폼용 플랫폼이며 OpenGL을 사용하여 성능이 뛰어나다. 다만, 아직까지 베타 테스트 중이며 UI/UX에 집중되어 있기 때문에 Native 자원에 접근하는 부분은 조금 미약하다. 하지만 향후 크로스플랫폼 개발로 UI/UX에 혁신을 가져올 수 있을것으로 기대한다.

보통 프로그래밍하다보면 익숙하지 않은 코드를 보게 된다. 그런 코드를 분석하고 이해한다음 적용하려면 오랜 시간이 걸리는 경우가 허다하다. 프로그래밍 언어를 알고 있는다고 하더라도 그 언어를 통해서 만들어진 프레임워크는 만든사람마다 다양하기 때문이다. 여기서는 Node...

콜백 헬(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태그문자열)