netify로 github연동해서 자동배포 설정하기 1.netify 로 들어간다 2.github로 로그인 3.오른쪽에 New site from Git 클릭 4.Connect to Git provider 단계에서 GitHub 클릭 5.권한요청이 뜨면 Authorize netlify버튼을 눌러준다. 그뒤에는 자동으로 GitHub의 repository가 뜬다. 6.Pick a repository...
믹스인이란 특정객체에 다른객체의 프로퍼티를 붙여넣는 기법 obj1 에 obj2를 붙여넣기 한다고 보면된다. // 얕은복사(객체의 복사본을 만드는데 그객체의 참조만 복사함. 이렇게되면 원본과 사본이 같은객체를 참조하게된다.) function mixin(target, source) { for(var property in source) { if(source.hasOwnProperty(property)) {...
객체의 프로퍼티 설정하기 : Object.defineProperty // obj는 객체의 참조 // "name"은 프로퍼티 이름 // 프로퍼티 디스크럽터의 참조 // 실행하면 수정한 객체의 참조를 반환함 var obj = {}; Object.defineProperty(obj, "name", { value: "Tom", writable: true, //false...
콜백함수 콜백함수란 특정함수의 인자로 넘겨서 코드내부에서 호출되는 함수, 혹은 어떤 이벤트가 발생했거나 특정 시점에 도달했을때 호출되는함수 //간단한 콜백 예시 function first(callback) setTimeout(function(){ console.log(1); // 1이 찍히고 나서 callback(); // 파라미터로 넘겨받은 콜백함수 second를 실행함 },...
javascript timer 함수 setTimeout - 지정된시간이 흐른후 실행함수 setTimeout(function() { console.log(new Date()); }, 2000) //or 첫번째 인수로 문자열로 넘기면 내부적으로 eval()로 평가 후 실행됨 setTimeout("console.log(new Date())", 1000) clearTimeout - setTimeout이 반환하는값을 clearTimeout의 인수로 넘겨서 실행취소...
Javascript EVENT 처리 html요소에 이벤트 처리기 등록하기 아래와같이 html에 직접적으로 이벤트를 주는경우는 지양하는것이 좋다. onclick // 마우스로 클릭했을때 onmousedown // 마우스 버튼을 눌렀을때 onmouseup // 마우스 버튼에서 손가락 떼었을때 onmousemove // 마우스 포인터가 html 요소...
gulp로 파일 인클루드 하는법 사용법은 gulp-file-include 를 참고하였다 npm install –save-dev gulp-file-include 로 설치 const fileinclude = require(‘gulp-file-include’); 을 gulpfile에 추가 아래 소스처럼 gulpfile에 task 추가 function html() { return gulp.src(paths.html) .pipe(fileinclude({ prefix: '@@', //사용할땐...
실무에서 유용한 javascript 문자열 메서드 정리 var msg = "Everything is practice." msg.substring(7, 10) // "ing" : 7번째부터 10번째 이전(7~10 미만) 시작은 0부터 msg.slice(7, 10) // "ing" : 상동 msg.slice(-3) // "ce." : 마지막 문자...
마크업작성 규칙중에 bem방법론이 있어서 정리해보았다. Block Element Modifier (블록 요소 기능) 즉 태그 클래스명을 작성할때 블록-요소-기능 순으로 작성하는것이다. HTML 마크업 모듈화 가능. 클래스만사용 이름을 연결할땐 block-name 처럼 하이픈하나로 연결 키-벨류 타입도 있음 이건 성질-내용을 작성...
es6의 유용한 기능들 보간표현식 //기존에는 문자열에 변수 값을 더할때 더하기연산자를 사용했다면 let name = 'sora'; console.log('my name is ' + name); //보간표현식을 활용하면 좀더 편리하고 알아보기 쉽다.( ` 이렇게 생긴 백틱 안에 플레이스 홀더를 넣음...
