arupbg

<div class="ui calendar">
  <div class="ui input right icon">
    <i class="calendar icon"></i>
    <input type="text" [placeholder]="placeholder" [value]="date" (blur)="onBlur()">
  </div>
</div>

arupbg

Shallow

Real unit test (isolation, no children render)

Simple shallow

Calls:

• constructor
• render

arupbg

var _ = require('lodash');

var numbers = [1, 2, 3];

var result = 
  _.map(numbers, function (val) { // numbers를 전부 돌면서 값에 1씩 더해서 새로운 배열을 리턴한다.
      return val + 1;
    })
    .filter(function (val) { // 위에서 생성된 배열에서 값이 2보다 큰 요소만 배열로 만들어서 리턴한다.
      return val > 2;

arupbg

State Management Patterns

Repositories

Download the following repositories and run yarn install in each:

• Basic Counter
• Pizza Calculator
• Jetsetter
• Offices and Dragons

arupbg

/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
 
/*==========  Mobile First Method  ==========*/
 
/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
    
}

arupbg

var myConfObj = {
  iframeMouseOver : false
}
window.addEventListener('blur',function(){
  if(myConfObj.iframeMouseOver){
    console.log('Wow! Iframe Click!');
  }
});

document.getElementById('YOUR_CONTAINER_ID').addEventListener('mouseover',function(){