팀 프로젝트 2주차 3일 - 대구 A.I. 스쿨

김유민·2022년 7월 13일

대구 A.I. 스쿨

목록 보기

62/90

1. 현재 진행 상황

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

오늘 멘토링 마지막 시간을 가졌다. 따로 조언해 주신 사항도 있고, 어떻게 고쳐야 하는지도 알려주셔서 유익한 시간이었다.
아래는 멘토링 시간에 있었던 조언 사항을 정리한 사항이다.

오늘 멘토링 정리

표준 웹페이지 규칙에 맞게 되었는지 확인 해보기.

스타일 파일 하나로 합치면 더 좋음(네트워크 메모리 문제 때문에)

html

들여쓰기 체크하고 필요없는 주석이나 태그 삭제 하기

css

글자 폰트는 폰트 스타일 끼리 같이 묶어서 적어주는게 좋음

중복된 스타일 삭제하기

클래스 아이디 대소문자 통일 시키기

단일 태그로 스타일 지정하지 말고, 부모태그를 밝히거나 따로 클래스명 부여하기

클래스 명은 해당 콘텐츠의 내용인것을 알수 있게 정해주기

javascript

변수명이 불분명한것 보다 콘텐츠를 나타내 주는 걸로 적기

.init 을 사용해서 함수 실행 순서를 밝혀주기 (엔트리 포인트)

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

깃허브로 서로 push할때 예전 파일이 로컬로 들어와 합쳐져서 이후에 넣으신 분 파일의 수정사항이 반영이 안된것을 확인했다. 아무래도 다들 사용이 처음이고 하다보니 적잖이 당황한 상태.

그러다가 자신이 수정한 파일이 아닌 예전에 작업한 전체 파일을 다 복사 붙여넣기를 하고
push한 것도 있어, 다시 새롭게 수정한 파일만 골라 push를 하게 되었다.

처음에 push를 한것과 두번째 push된게 동시에 marge가 되었는데, 그래서 예전 파일로 돌아가버리는 불상사가 발생했다.
예전 버전으로 되돌리는 법이 있을것 같은데 하는 방법을 몰라서 다시 백업해 둔 파일을 넣어 push를 했다. 아무래도 깃에대한 공부가 더 필요하다고 생각되었다.

개인 파트 과제로는 스크롤 이벤트 실행시 함수는 실행되었지만, 플러스 버튼을 눌렀을때 로고가 나타나는 것 까지는 어제까지 진행이 되었다.
그러나 스크롤을 다시 하자마자 사라지는 문제가 발생해 왜그런지 원인을 살펴보니,
처음부터 애니메이션 실행시 플러스 버튼을 눌러야 보이는 로고들을 처음부터 보이지 않게 'display = 'none'' 값을 주었던게 다시 스크롤 이벤트가 실행되어 적용되었던 것.

그래서 아래처럼 그 부분을 주석처리해서 없애주었다.

   const clientListAni = ()=> {
    
      if(windowWidth > 1218 ){
         clientsImagesClass();
         plusButton.style.display = 'none';
         startAni = false;
         console.log(windowWidth);
      } else if(windowWidth >= 941 && windowWidth <= 1218){
         width1217();
         // console.log(clientsImg[26]);
         // if(clientsImg[26].style.opacity == 1){
         //    console.log('여기');
         //    plusButton.style.display = 'none';
         // } else{
         //    console.log("here to");
         //    plusButton.style.display = 'block';
         // }
         startAni = false;
        
         // buttonClickWidth1218(NONE, sNum1[0], sNum1[1]);
         // width940();
         console.log(windowWidth);
      
      } else if(windowWidth < 941){
         width940();
         startAni = false;
         // buttonClickWidth1218(NONE, sNum2[0], sNum2[1]);
         console.log(windowWidth);
      }
   }

그런데 이제 플러스 버튼을 누르면 발생해야 하는 클릭 이벤트가 실행이 안되는 문제가 발생했다.
그걸 다시 고쳐봐야 할것 같다.

최종적으로 수정해야 되는건
1. 클릭 이벤트 실행되게 고치기.
2. 변수 명 다시 지정
3. 주석정리
4. init 으로 함수 실행되게 재정리.

저 4가지만 고치면 최종적으로 완성될 것 같다.