1. 현재 진행 상황

22-07-06
Resoft 회사 사이트 만들어 오기.
팀 명: 보람 3조

오늘 멘토님과 화상으로 멘토링 시간을 가졌다.
지그재그 애니메이션 관련 에러 사항을 질문하고, 협업시 깃허브 사용법에 관한 질문을 부탁드렸다.

팀원들의 진행사항을 체크하고 대부분 html과 css 부분이 완료된것을 확인하였으며
애니메이션과 배치부분, 반응형일때의 화면 배치등이 남아있는 것을 확인 할 수 있었다.

2. 어려웠던 점 및 해결방안

개인 작업으로는 어제 저녁까지 지그재그로 애니메이션이 나오는 것은 확인했지만, 플러스 버튼 클릭시 들어가는 이벤트에 이후 애니메이션이 실행되지 않는 오류가 발생한 것을 확인했다.
그리고 협력사 로고 전부가 나왔을때 플러스 버튼이 안나와야 하는데 나오는 문제도 확인했다.
오랜 시간 수정이 필요해 보였다.

 let $BLOCK = 'block';
   let NONE =  'none';
   let sNum1 = [24, 27];
   let sNum2 = [12, 27];   
   const clientListAni = ()=> {
    
      if(window.innerWidth > 1218){
         clientsImagesClass();
         startAni = false;
      } else if(window.innerWidth >= 941 && window.innerWidth <= 1218){
         width1217(); 
         startAni = false;
         buttonClickWidth1218(NONE, sNum1[0], sNum1[1]);
      
      } else if(window.innerWidth < 941){
         width940();
         startAni = false;
         buttonClickWidth1218(NONE, sNum2[0], sNum2[1]);
      }
   }

   for(let b=0;b<clientsImg.length;b++){
      clientArray.push(clientsImg[b]);
   }
  
  
   clientListAni();

   

   function buttonClickWidth1218(BLOCK, num1, num2) {
      let sliceArray = [];
      sliceArray = clientArray.slice(num1, num2);
      console.log(sliceArray);
      for(let s = 0; s < sliceArray.length;s++){
      sliceArray[s].style.display = BLOCK;
    }
   }

   const clickButtonEvent = () => {
      buttonClickWidth1218($BLOCK);
      plusButton.classList.add('noshow');
     
   }
   // console.log(buttonClickWidth1218);
   plusButton.addEventListener("click", clickButtonEvent);
   window.clearTimeout(clientListAni);

3. 소감

오늘 처음으로 팀원들의 결과를 확인했는데 대부분 잘 따라와주시고 결과물이 만들어져서 뿌듯했다. 개개인 별로 역량이 달라 많이 걱정스러웠는데 그 기대치를 뛰어넘고 만들어주시고 따라와 주셔서 팀장으로 감격스러웠다.