HTML,CSS Next

<div class="accordion__item">
<h3 class="accordion__title js-title">A random title</h3>
<p class="accordion__copy js-copy">By not having the imagination tis</p>
</div>

.foo {
@include prefix(transform, rotate(90deg), ('webkit', 'ms'));
}

“ 첨에 들어가면 이미지가 겁나 늦게 떠..
리액튼가 그거때문에 그런거아냐?”
- 사랑하는 우리 사장님,

“ API 변경됐다네요, 이참에
promise쓴거 async 기반으로 좀 개선해보고요.
가끔 데이터 못가져올때가 있다는데,
실패한 경우 메시지 처리도 같이 고려해봐야할 거 같아요.
아참, 슬라이딩 애니메이션 좀 느리다는데, image 로딩과 겹친 렌더링 문
제 같아요.. 원인찾아서 DOM조작 좀 다시 해보죠.”
“ 우리 사이트 리액트인가 그거에요? 왜이렇게 느려요?”

var foo = 1;
var var = foo + 1;
Uncaught SyntaxError: Unexpected token var

var foo = 1;
var bar = foo + 1;

var foo = 1;
var bar = foo + 1;
plusOne() //2

function plusOne() {
var foo = 1;
var bar = foo + 1;
return bar;
}
plusOne() //2

function plusOne(base) {
var bar = base + 1;
return bar;
}
var foo = 1;
plusOne(foo) //2

const bar = base + 1;
return bar;
}
var foo = 1;
plusOne(foo) //2

bar = bar + 0;
return bar;
}
var foo = 1;
plusOne(foo);
VM1887:3 Uncaught TypeError: Assignment to
constant variable.

debugger;
bar = bar + 0;
return bar;
}
var foo = 1;
plusOne(foo);

return bar;
}
var foo = 1;
plusOne(foo); //2

return bar;
}
var foo = '1';
plusOne(foo); //11

console.log(typeof base);
let bar = base + 1;
return bar;
}
var foo = '1';
plusOne(foo); //string, ’11'

base = (typeof base === 'number') ? base : +base;
let bar = base + 1;
return bar;
}
var foo = '1';
plusOne(foo); //string, ’2’

let bar = base + 1;
return bar;
}
var foo = [‘1’,1,-1,NaN, null];
plusOne(foo); //NaN

let bar = base + 1;
return bar;
}
var foo = [‘1’,1,-1,NaN, null];
plusOne(foo[2]); //0
plusOne(foo[3]); //NaN

let bar = base + 1;
return bar;
}
var foo = ['1',1,-1,NaN,null];
var plusFoo = [];
for(var i=0; i<foo.length; i++) {
plusFoo.push(plusOne(foo[i]));
};
console.log(plusFoo); //[2, 2, 0, NaN, 1]

let bar = base + 1;
return bar;
}
function makePlusArray() {
// ,
}
makePlusArray(foo); //[2,2,0,NaN,1]

let bar = base + 1;
return bar;
}
function makePlusArray(foo) {
var plusFoo = [];
};
return plusFoo;
}

let bar = base + 1;
return bar;
}
var plusFoo = [];
debugger;
};
return plusFoo;
}

.
step into, step over, step out.
call stack

makePlusArray(foo); //[2,0]
//hints
- typeof
- isNaN()
- for continue

let bar = base + 1;
return bar;
}
var plusFoo = [];
if(typeof foo[i] !== 'number' || isNaN(foo[i])) continue;
};
return plusFoo;
}
makePlusArray(foo); //[2,0]

['1',1,-1,NaN,null].filter((v) => typeof v === "number" && !isNaN(v))
.map(v => v+1);
JavaScript .

var heading = document.createElement("h1");
var heading_text = document.createTextNode(“hello codesquad!”);
heading.appendChild(heading_text);
document.body.appendChild(heading);

const el = document.querySelector(‘section’);
el.addEventListener(‘click’, (evt) => {
evt.target.style.color = ‘#555’;
}

HTML,CSS Next

More Related Content

What's hot (20)

Similar to HTML,CSS Next (20)

More from 지수 윤 (20)

Recently uploaded (20)

HTML,CSS Next