전체 글
-
[HTML5] Sammy.js 라이브러리로 히스토리 기능 사용 및 페이지 라우트프로그래밍/HTML5 Web 2016. 7. 10. 16:57
Ajax로 페이지를 전환하는 웹앱에서 뒤로가기 버튼을 어떻게 처리해야하는지에 대한 문제를 직면하는 경우가 있는데요. 웹브라우저에서 뒤로가기 버튼을 이용한다는것은 웹 브라우저의 기록을 관리하여야한다는 뜻입니다. 그리고 이러한 기록들을 관리하려면 히스토리 객체를 사용하여야합니다. 이를 위해서 Sammy.js라는 라이브러리를 사용하여야하는데 이 라이브러리는 웹 페이지 라우터 모듈입니다. 라우터 모듈이란 페이지 라우팅을 구현하는 모듈로 클라이언트 요청에 따라 적절한 페이지를 제공하게 합니다. 기존에는 서버에서만 할수 있는 일이었지만 HTML5에서는 클라이언트에서도 사용가능합니다. Sammy.JS 라이브러리의 공식홈페이지에 방문하여 관련 문서를 확인합시다. [링크] http://www.sammyjs.org/ 참고..
-
[HTML5] 벤더 프리픽스 제거 메서드 removePrefix() Method프로그래밍/HTML5 Web 2016. 7. 10. 16:05
현재 HTML5의 표준은 계속 제정중인데요. 확정된 기능이 아닐경우에는 벤더 프리픽스를 사용하여 범용성을 높여줍니다. 하지만 벤더 프리픽스가 바뀌었을 경우에를 대비해서 보완하는 코드를 작성합니다. removePrefix() 함수는 벤더 프리픽스를 제거합니다. 12345678910111213141516171819202122232425262728 removePrefix() //Set Variable var prefixes = ['webkit', 'ms', 'moz', 'o']; //Upper Function var capitalize = function (name) { return name.substr(0, 1).toUpperCase() + nmae.substr(1); }; //Remove Prefix fu..
-
오늘의 FREE TECHNOLOGY EBOOKS (PACKT) - Object-Oriented JavaScript Second Edition소소한 IT 이야기 2016. 7. 10. 12:03
https://www.packtpub.com/packt/offers/free-learning (197)PACKT에서 오늘 공개한 책은 다음과 같습니다. Object-Oriented JavaScript Second EditionStoyan Stefanov (지은이) | Packt Publishing | 2013-07-31370쪽 | 234*188mm | 언어 : English | 337g | ISBN : 9781849693127 해당 도서는 2013년에 출간된 2판 이며, 한글번역판은 출간되지 않았습니다. (알라딘참조)목차는 다음과 같습니다. Preface1: Object-oriented JavaScript2: Primitive Data Types, Arrays, Loops, and Conditions3..
-
[HTML5] 기본 기능과 벤더 프리픽스 제거프로그래밍/HTML5 Web 2016. 7. 9. 22:43
기존의 웹페이지는 document.getElementById() 메서드로 문서 객체를 선택하였으나 HTML5 부터는 document.querySelector로 문서 객체를 선택할수 있습니다. 12345678910111213141516171819202122 querySelector() Method window.addEventListener('load', function () { // Set Variable var header = document.querySelector('h1'); // Change style Properties header.style.color = 'white'; header.style.backgroundColor = 'black'; }); Header HeaderColored by Co..
-
오늘의 FREE TECHNOLOGY EBOOKS (PACKT) - Mastering JavaScript Design Patterns소소한 IT 이야기 2016. 7. 9. 18:26
https://www.packtpub.com/packt/offers/free-learning (410)PACKT에서 오늘 공개한 책은 다음과 같습니다. Mastering JavaScript Design PatternsSimon Timms (지은이) | Packt Pub Ltd | 2014-11-22290쪽 | 235*191mm | 언어 : English | 522g | ISBN : 9781783987986 해당 도서는 2014년에 출간된 1판 이며, 한글번역판은 출간되지 않았습니다.(알라딘참조)목차는 다음과 같습니다. Preface1: Organizing Code2: Creational Patterns3: Structural Patterns4: Behavioral Patterns5: Functional..
-
오늘의 FREE TECHNOLOGY EBOOKS (PACKT) - Learning JavaScript Data Structures and Algorithms소소한 IT 이야기 2016. 7. 8. 16:34
PACKT에서 오늘 공개한 책은 다음과 같습니다. Learning JavaScript Data Structures and Algorithms로이아니 그로네르 (지은이) | Packt Pub Ltd | 2014-10-31218쪽 | 235*191mm | 언어 : English | 249g | ISBN : 9781783554874 해당 도서는 2014년에 출간된 1판 이며,한글번역판은 2015년에 으로 출간되었습니다. (알라딘참조)목차는 다음과 같습니다. Preface1: JavaScript – A Quick Overview2: Arrays3: Stacks4: Queues5: Linked Lists6: Sets7: Dictionaries and Hashes8: Trees9: Graphs10: Sorting..
-
MongoDB 데이터 검색, 정렬, 수정, 삭제기능으로 CRUD 앱 구현프로그래밍/HTML5 Web 2016. 7. 7. 17:52
본 게시글은 http://writingdeveloper.tistory.com/205 의 사전지식이 있어야 구현이 가능하므로 미숙한 부분에 대해선 링크를 참조하시길바랍니다. 데이터 검색데이터를 검색할때에는 find() 메서드를 이용하는데 find()메서드를 이용하면 데이터를 배열의 형태로 추출이 가능합니다. 원하는 속성을 추출하지 않고 싶을 때에는 find() 메서드의 두 번째 매개변수에 속성을 선택하고 불을 입력하면됩니다._id 속성을 false값으로 지정하였으므로 _id값을 출력하지 않습니다. 하지만 일반적으로 find()메서드를 사용할때 _id 속성은반드시 추출하므로 대부분 _id 속성이외의 속성에 true또는 false값을 입력하는데 true와 false중 하나만 사용해서 값을 추출하는것이 코드의 ..
-
오늘의 FREE TECHNOLOGY EBOOKS (PACKT) - AngularJS Directives소소한 IT 이야기 2016. 7. 7. 09:55
https://www.packtpub.com/packt/offers/free-learning (124)PACKT에서 오늘 공개한 책은 다음과 같습니다. AngularJS DirectivesAlex Vanston (지은이) | Packt Publishing | 2013-08-3095쪽 | 235*191mm | 언어 : English | 204g | ISBN : 9781783280339 해당 도서는 2013년에 출간된 1판 이며,한글번역판은 2016년에 으로 출간되었습니다. (알라딘참조)목차는 다음과 같습니다. Preface1: Designing Web Applications in 20132: The Need for Directives3: Deconstructing Directives4: Compile v..