Frontend Developer를 향해 !

링크 참고

스크롤 매직 : https://github.com/janpaepke/ScrollMagic https://nykim.work/30 http://scrollmagic.io/examples/ Examples - ScrollMagic ScrollMagic Examples Let's start showing off some magic... Please note: Most of the examples are not optimized for mobile devices, so the sourcecode can be as simple as possible. The obvious exceptions are the examples on mobile support. scrollmagic.io [ScrollMagic] 스크롤매..

스크롤링시 백그라운드 이미지의 속도를 조절하여 패럴럭스 느낌을 나게 해주는 스크립트 소스입니다. 응용하여 일반 태그에도 사용 가능합니다. 코드펜 URL : https://codepen.io/roborich/pen/wpAsm Scrolling Background-Image Paralax ... codepen.io Normal 1/2 Speed Parallax 1/4 Speed Parallax Fixed Position * { margin: 0; padding: 0; } div { height: 3000px; width: 20%; margin: 2.5%; float: left; background: white; background-image: linear-gradient(#ECF0F1 50%, #bdc3c7..

ES6 문법으로 다시 시작하는 자바스크립트 ES6 문법으로 다시 시작하는 자바스크립트 - Hudi - 유사 프로그래머 ES6 (=ECMAScript 2015) 가 발표된지도 어언 3년이 다 되어가고 있다. 하지만, 이미 구세대의 기술이 되어버린 Jquery 와 ES5는 아직 많이 사용되고 있다. 현재 자바스크립트 생태계는 Angular, React, Vue 등의 hudi.kr 정리가 잘된 사이트를 소개합니다. 위 링크에서 확인 부탁드립니다.

// jQuery $('.selector'); $('#selector'); $('div.selector').find('.btn'); // javascript document.getElementsByClassName('selector'); document.getElementById('selector'); document.querySelector('.selector').querySelector('li'); // jQuery $('[data-foo-bar="someval"]'); // javascript document.querySelectorAll('[data-foo-bar="someval"]'); // jQuery $('#myForm:invalid'); // javascript document.queryS..

var Cmnpub = (function (global, $) { // Private 프로퍼티 정의(해당 element가 있는지 체크) var _checkEl = function (el) { return el.length > 0; }; // 초기화 global.init = function () { global.pubUi.testFn(); }; // 스크립트 작성 global.pubUi = { testFn: function ($el) { console.log('test'); } }; global.addEventListener('load', function () { global.init(); }); return global; })(window, jQuery);

https://github.com/nhnent/fe.javascript/wiki

http://www.ihee.com/m/166

http://itmore.tistory.com/entry/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-UserAgent