[프로젝트2] 영화검색 사이트 업그레이드(4)

이미지 위치 변경

어제 팀원들이랑 이야기한대로 이미지를 가운데로 수정했다.

  position: relative;
  width: 70%;
  height: 100%;
  left: 50%;
  transform: translate(-50%, 0px);

margin: 0 auto가 가끔은 안되는 것 같다. 그럴땐 보통 left와 transform을 이용해서옮기는 편

푸터 텍스트 변경

푸터에 텍스트 부분은 팀원들과 이야기해서 수정했다.

모달 뜨면 검은화면이 전체로 되도록 수정

상단과 하단이 합치면서 암호나 리뷰작성하기 할때 뜨는 모달창이 일부만 가려지는 현상이 되었다.

명섭님이 postion을 absolute가 아닌 fixed로 해보라고 해서 직접 해보니 오오 되었다. 문제는 반투명한창 뒤로 본문이 스크롤이 되길래 구글링을 해보았다.
해보니 바디의 postion의 overflow:hidden을 줬더니 딱 고정이 되었다.
그리고 암호창과 리뷰작성창 모두 창을 활성화하면 뒤에 본문이 고정되도록 하고 닫으면 다시 본문을 스크롤 할 수 있도록 활성화를 했다.

리뷰 수정할때 비밀번호 입력하고 확인을 누르면 고정되는 상태는 명섭님께 물어봤는데 잘 알려주셨다.

대망의 머지 실수..

dev브랜치에 있는 모든걸 main 브랜치로 옮기기로 했다.
git과 github는 다른건데 역시 git은 쉽지 않다.
중간에 오류가 있었지만 함께 잘 해결된 듯 하다.

아 git은 어렵다. 무섭다. 친해지도록 노력해야할듯...

그렇게 프로젝트는 완성이 되었다.

완성

[메인페이지]

[영화를 클릭하면 나타나는 페이지]

[작성화면]

오늘의 한줄평 : 끝났다. 정말 팀원들도 수고 많았고, 나도 정말 열심히 했다!