devLog[0809]

• Step7 진행 중

• 구조 및 기능 개선점 보이면 수정하기
• 스타일링 및 마크업 적용 안 된 부분 리스트 뽑아서 적용하기
• css js 분리할 수 있는 코드 분리 하기 /하드코딩 밸류 없애기
• step8

크롱 피드백 받은 부분

1. html validator돌려서 적용하기
2. renderData -> naming수정 꽉 채우는 편이 더 좋은 ux? 빈공간이 있으면 마지막인지 인지할 수 있다. 마지막에는
3. pointer-events: none; ie 11이상 부터 폴리필 어떻게 구현할지 이런 것 없으면 어떻게 구현할 수 있는지 늘 염두에 두고 쓸 것 !!! 사실상 ///ie 때문에 그냥은 못 쓴다고 봐도 무관
4. 슬라이더 2개 다른 interaction에 ui를 합치는 것은 괴물코드가 될 확률이 높음

1. 범용성 있는 코드는 callback 옵션 설정 
2. 중복 트랜지션 
3. 스케일
4. m.naver.com 슬라이더 
5. Object.assign({})

배너 image 작업

• crop image

.banner__slide-list {
  width: 100%;
  text-align: center;
  overflow: hidden;
  img {
    object-fit: cover;
    min-width: 980px;
    position: relative;
    left: 50%;
    transform: translate(-50%,0)
  }
}

class Slider { constructor(nextActions){ this.slideOp = nextActions.transitionend }

}