shine1594

const scrollTo = ((win, htmlBody, { abs }) => {
  let animationID = null;
  let isThrottling = false;

  function hasFinished(targetPos, step) {
    const restOfDistance = abs(targetPos - win.scrollY);
    if (restOfDistance >= abs(step)) {
      return false;
    }

shine1594

function add(a,b,c) {
    let arg = Array.from(arguments);
    let sum = arg.reduce(function(prev,next) {
        // console.log(prev);
       return prev+next;
    },0);
    return sum;
}

//es5

shine1594

// fade out 

function fade(el) {
  var op = 1;
  var timer = setInterval(function () {
    if (op <= 0.1){
      clearInterval(timer);
      el.style.display = 'none';
    }
    el.style.opacity = op;

shine1594

DOM 조작 실습

실습1 지금 나온 DOM API를 사용해서, strawberry 아래에 새로운 과일을 하나 더 추가해보기. 추가 된 이후에는 다시 삭제해보기.

http://jsbin.com/mebuha/1/edit?html,js,output

var list = document.getElementsByTagName('ul')[0];
var newItem = document.createElement('li');

newItem.textContent = 'melon';

shine1594

Javascript Decorators

1. Decorators는 무엇인가?

Decorators는 ES7에 제안된 함수 표현식 문법입니다. 이미 Python(Decorators)과 Java(Annotation)에는 존재하는 문법으로, Class나 Property, Method에 특정 기능을 추가하거나 특별한 처리를 가능하게 합니다.

2. 어떻게 사용하는가?

decorator는 함수이기 때문에 먼저 decorator 함수를 작성하고 ['@'기호 + decorator함수명]형태로 대상에 적용합니다. decorator의 대상이 되는 것은 Class, Property, Method이고 각각의 사용 예시는 아래와 같습니다.

• Class

shine1594

[공통] 마크다운 markdown 작성법

1. 마크다운에 관하여

1.1. 마크다운이란?

**Markdown**은 텍스트 기반의 마크업언어로 2004년 존그루버에 의해 만들어졌으며 쉽게 쓰고 읽을 수 있으며 HTML로 변환이 가능하다. 특수기호와 문자를 이용한 매우 간단한 구조의 문법을 사용하여 웹에서도 보다 빠르게 컨텐츠를 작성하고 보다 직관적으로 인식할 수 있다. 마크다운이 최근 각광받기 시작한 이유는 깃헙(https://github.com) 덕분이다. 깃헙의 저장소Repository에 관한 정보를 기록하는 README.md는 깃헙을 사용하는 사람이라면 누구나 가장 먼저 접하게 되는 마크다운 문서였다. 마크다운을 통해서 설치방법, 소스코드 설명, 이슈 등을 간단하게 기록하고 가독성을 높일 수 있다는 강점이 부각되면서 점점 여러 곳으로 퍼져가게 된다.

1.2. 마크다운의 장-단점

1.2.1. 장점