Frontend Developer를 향해 !

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);

※ CLI 명령키워드는 별도로 기울임 글씨로 작성하였습니다. git --version 1. 이동 : cd 디렉토리명 2. 처음 실행했을 때 위치로 돌아가려면 : cd ~ 3. 디렉토리 생성 : mkdir 디렉토리명 4. 디렉토리 여러개 생성(명령어 뒤에 생성할 디렉토리 이름을 공백으로 구분) : mkdir index.html 5. 현재 디렉토리에서 상위 디렉토리 이동 : cd ../.. 1. 파일 생성 : touch index.html 2. 파일 여러개 생성(파일이름을 공백으로 구분) : touch index.html index2.html 3. 파일 목록 확인 : ls 4. 파일 목록 확인(자세히) : ls -l 5. 파일이동 : mv style.css css/style.css [mv명령어 뒤에 "옮기기..

참고 사이트 : https://www.hyungjoo.me/parallax-scroll-%EC%9B%90%EB%A6%AC/

HTML Nice input box What's your name? What's your message? CSS /* Basic input element using psuedo classes */ html { font-family: 'Lora', sans-serif; width: 100%; } body { margin: 5% auto 0 auto; width: 90%; max-width: 1125px; } h1 { font-size: 28px; margin-bottom: 2.5%; } input, span, label, textarea { font-family: 'Ubuntu', sans-serif; display: block; margin: 10px; padding: 5px; border: none; ..

SSH Git은 분산 버전 컨트롤 시스템입니다. 즉, 로컬에서 작업 할 수 있다는 의미입니다. 또한 변경 사항을 다른 서버에 "share" 하거나 "push" 할 수도 있습니다. 그러나 GitLab 서버에 변경 사항을 적용하거나 공유하려면 보안 통신 채널이 필요합니다. SSH 프로토콜은 이 보안을 제공하며 사용자가 매번 사용자 이름이나 패스워드를 제공하지 않고 GitLab 원격 서버에 인증 할 수 있도록 합니다. SSH 프로토콜의 작동 방식에 대한 자세한 설명은 DigitalOcean의 튜토리얼을 읽어보십시오. 기존 SSH key pair 찾기 새 SSH key pair 를 생성하기 전에 이미 시스템의 기본 위치에 존재하는지 확인하십시오. 쉘 또는 명령 프롬프트(Windows)를 사용하여, 다음 명령을 ..

IOS picker 디자인으로 구현해주는 자바스크립트 라이브러리 및 제이쿼리 플러그인입니다. https://www.cssscript.com/ios-spinner-picker/ https://www.cssscript.com/ios-style-picker-view-vanilla-javascript-mobileselect-js/ https://jquery-plugins.net/picker-h5-picker-inspired-by-ios-uipickerview https://fengyuanchen.github.io/pickerjs/

신앙에 관한 글을 더 보시려면 아래 링크로 접속해주세요.http://judongja.tistory.com

DOCTYPE html> 무한 스크롤 예제 body { margin: 0px; padding: 0px; } .big-box { width: 100%; background-color: gray; height: 100vh; border-top: 1px solid black; } Page 1 Page 2 var page = 2; $(window).scroll(function() { if ($(window).scrollTop() == $(document).height() - $(window).height()) { console.log(++page); $("body").append('Page ' + page + ''); } }); 위 예제 확인하기https://jsbin.com/yalaleboho/edit?htm..

아래 css는 placeholder 에 style를 적용할때 자주 쓰는 속성입니다. .test::-webkit-input-placeholder {color:red;} /* webkit */ .test:-moz-placeholder {color:red;} /* 파폭 4~18 */ .test::-moz-placeholder {color:red;} /* 파폭 19+ */ .test:-ms-input-placeholder {color:red;} /* IE10+ */ 더 자세한 내용은 아래 주소에서 확인해주세요.http://blog.hivelab.co.kr/placeholder%EC%97%90-css%EC%A0%81%EC%9A%A9%ED%95%98%EA%B8%B0/