08/05~08/06~08/07

1. Promise return 방식

• Promise를 return해서 계속 연결

Tip

1. 상품 별점 주기

• 링크 : https://codepen.io/joannashin3/pen/RwabEOv

2. 정규 표현식

• 링크 : https://poiemaweb.com/js-regexp

3. 아코디언 메뉴

• Vue 트랜지션 : https://vuejs.org/v2/guide/transitions.html

• Vue 트랜지션2 : https://markus.oberlehner.net/blog/transition-to-height-auto-with-vue/

• will-change Css : https://markus.oberlehner.net/blog/transition-to-height-auto-with-vue/

4. Vue Form Validation

https://kr.vuejs.org/v2/cookbook/form-validation.html

5. CSS 말줄임 표시

.goods__name {
  height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 20px;
  line-height: 20px;
}

6. 이미지 비율 유지하면서 중앙 정렬

.goods__image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  /* display: block;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  object-fit: cover; */
}