[프로젝트1] 팀 소개 페이지(5)

매일 매일 TIL인데 어제는 공부한 것만 올리고,
팀 프로젝트 한 것을 올리지 못했네.ㅠ

어제는 좀 더 페이지를 수정 보완할것이 있는가 의논을 했는데,
정리를 해보자면,

1. 메인페이지 첫화면에 있던 사진이 날라간거 복구
2. 서브페이지에도 동일하게 탑버튼 다는 것
3. 응원페이지의 폼이 단순하여 닉네임을 추가하기
4. 푸터로 내려가면 버튼 컬러가 바뀌게 하기

각각 팀원들끼리 나눴고 난 1번을 금방 해결했다.
알고보니 css를 옮기는 과정에서 경로가 ../을 넣었어야했는데 안넣어서 금방 해결했다.

그리고 다같이 모여서 안되는 부분을 같이 하기로 했다.
희찬님이 3번을 맡아주셨는데 파이어베이스 연결도 잘해주셨다.
CSS부분은 조금 어려워하셔서 내가 아는대로 조금 고쳤다.
그리고 문제의 4번은 하.. 정말 집념의 승리였다.

문제는 응원페이지가 길어지면 푸터로 내려가는 스크롤도 길어지기 마련인데 원래는 그냥 기존의 탑버튼 위에 올려서 특정지점에서 나타나게 특정지점에서 사라지게 하려고 했는데 영호님이 그부분이 문제라고 지적해주셔서 고민을 하다가, 지난번에 자바스크립트 공부할때 한 코드가 생각나서 그걸 토대로 생각도 많이 해보고 결국은 해냈다.

$(window).scroll(function () {
        var scrollAll = document.querySelector('html').scrollTop;
        var clientAll = document.querySelector('html').clientHeight
        var scrollH = document.querySelector('html').scrollHeight

        if (scrollAll + clientAll >= scrollH - 464) {
          $('#btn_top2').fadeIn();
        }
        else {
          $('#btn_top2').fadeOut();
        }


      })

정말 너무 어려웠다. 하지만 해냈다. 어휴. 두통이 너무 심했지만 ;ㅅ;

오늘은 서브페이지의 탑버튼의 컬러가 바뀌도록 바꿨다.
어제보단 쉬웠다. 매우 이지..

팀원들과 같이 최원장튜터님의 git특강을 들었다. 좀더 복습이 잘되었다.
이제 조금은 어떤식으로 굴러가는지 알게 되었다.
각자 터미널에서 클론해보고 브랜치 만들고 이동도 해보고 add과 commit도 해보았다. pull도 어떤개념인지 알게 되었다.

다같이 해서 재미있었고, 나도 많이 복습이 되었다.

물론, 끝난게 끝난게 아니라고 ^0^...
github 웹상엔 올라갔는데 배포가 안되는거같다...

원장튜터님께 여쭤봤는데 폴더 중복이였다... ^-T.
아마 클론하면서 약간 꼬인것 같다.
결국 해결!

공포스러웠던 깃은 이제 덜무서워졌다'ㅅ'
오늘 깃 개념은 확실히 익힌 것 같다.

오늘의 한줄평 : 재밌다..진심 너무재밌다...!