●21-06-30, 79일차 ~ 21-07-01, 80일차

● 21-06-30, 79일차

웹코딩

• 부분모작, PPT발표
• 스와이퍼 슬라이더 텍스트 애니메이션, 이미지효과
• 조별회의

큐

• 조별과제/틈틈히 모작/잠자기

● 21-07-01, 80일차

웹코딩

• 사이트모작 / 발표
• 코드펜에서 이미지가 안나올 때(사이트에서 막은 경우) postimages사이트에서 업로드 후 가져옴
• 이미지가 전체로 묶여있는 경우
  • css, html로 원하는 부분 가져다가 함
  • html : style=높이, 너비, background-image:url(이미지주소)
  • 오래걸리니까 검사해서 복붙함
• 부모 엘리먼트의 너비 대비
  • 이미지사이즈가 고정되있을 때 이미지의 비율을 바꿈
  • 16 : 9 비율
    • padding-top:calc(100% / 16 * 9)
  • padding-top:50% (2 : 2 비율)
  • padding-top:100% (5 : 5 비율)
  • ::after쓰려면 content:" "를 써야함
    • 애프터는 인라인요소라 패딩안먹음
  • 텍스트를 사진위에 넣고 싶으면 자식을 만들고 스타일을 줘야함
• 조별회의
• JS 이미지
  • slidesPerView: 1 (1개)
  • slidesPerView: 1.2 (1.2개/ 하나는 반절잘려서 나오게)
  • centeredSlides:ture (해당 페이지의 사진을 중심으로 양옆에 사진 잘려서 나옴)
  • spaceBetween: 30 (사진간의 간격)

자주하는 실수

• 내가 실수하는 걸 몰라

큐

• 조별과제

느낀점

• 다들 멀티 잘 되나보네